Learn Bootstrap in 2 Hours

Name: Learn Bootstrap in 2 Hours
Rating: 4.3 (22 reviews)

Learn to create a responsive website with Bootstrap concepts in 2 hours with 100+ live examples

Created byStudyopedia Trainings

Last updated 7/2024

English

What you'll learn

Learn how to build Responsive Websites with ease
Get Bootstrap Crash Course
How Bootstrap Components Work
Get a solid understanding of the bootstrap framework
Tune your HTML and CSS skills for Responsive web development
Learn how to code basic to advanced website with Bootstrap

Course content

13 sections • 20 lectures • 1h 59m total length

Bootstrap Introduction & Overview1:49
Let us introduce Bootstrap and learn about the history and features. With that, also get a quick overview of Bootstrap 5.

Setup Bootstrap2:40
Learn how to setup Bootstrap for the first time. We will also see what is CDN and how we can run Bootstrap with CDN and avoid any hiccups.
First Bootstrap Example (Create Your First Web Page)5:02
Let's begin with our first Bootstrap example and make learning interesting with live running of the code. We will also learn the difference between,
Fixed-width (responsive) container, and
Full-width container
Bootstrap Quiz 1

Bootstrap Tables7:21
Learn how to create a table from scratch on a web page. We will also see how to work with Bootstrap classes to create:
striped table
bordered table
dark-colored table
borderless table
table with dark-colored header
table with light-colored header
Bootstrap Quiz 5
Bootstrap Responsive Tables2:15
Learn how to create a responsive table. With live running example, get thorough knowledge and design a responsive table on small, medium, large and extra-large devices.

Bootstrap Navbar7:52
Learn how to create a Navbar in Bootstrap and,
Center a Navigation Bar
Change the background color of the navigation bar
Change the text color of the nav bar items
Set logo on top navigation bar
Set fixed navigation bar (top + bottom)
Bootstrap Quiz 9
Bootstrap Navigation Tabs and Pills11:34
Learn how to create horizontal menu on a web page, set Nav Alignment. With that learn the following from this lesson:
How to create a Vertical Nav
How to crate Navigation Tabs
Tabs vs Pills
How to create Navigation Pills
Justify Navigation Tabs/ Navigation Pills
Add dropdown to Tabs/ Pills
Toggleabale/ Dynamic Tabs
Toggleabale/ Dynamic Pills
Bootstrap Pagination5:39
In this lesson, learn what is a Pagination and how to create it in Bootstrap. With that, learn:
How to highlight a link
How to disable a link
Resize Pagination
Align Pagination
Bootstrap Quiz 10

Requirements

Fair understanding of basic HTML and CSS
Basic mechanics of web development
A goal to create a modern responsive website
Code Editor like Notepad++, Brackets, etc.

Description

Learn how to create a responsive website with Bootstrap concepts and take your website development skills to the next level. Bootstrap is a must today for responsive web development on different screen sizes. The course covers Bootstrap components with the live running of code. With that, every lesson is thoroughly explained with a lot of examples displaying the screen size to give a thorough understanding.

Note: We don't believe in creating slides and just reading them. The flow would be step-by-step and the explanations would include a tutorial-like format, to make it easier for beginners to understand with simple text structure of the concepts, components, and Bootstrap class. We have also created some quizzes to polish your Bootstrap skills.

The course begins with the introduction and then moves towards setting up Bootstrap to run the first example on a web page. Then various key Bootstrap concepts are covered. While learning, you will be able to work on various hands-on exercises and understand the role of responsive web design with the flow.

[Updated Bootstrap 5]

**Course Highlights**

20 lessons
2 hr. video with live running examples and visible screen size (web page size)
70+ Downloadable Codes
15+ downloadable resources
15+ Quizzes to polish your skills after learning from the lessons

Who this course is for:

Anyone who wants to learn Bootstrap from scratch.
Looking for a easier way to learn Bootstrap concepts and components
Beginners looking to learn what a responsive website and how to create one
To learn the fundamentals of HTML, CSS and Bootstrap

Learn Bootstrap in 2 Hours

What you'll learn

Explore related topics

Course content

Bootstrap Introduction1 lecture • 2min

Bootstrap Setup and first example2 lectures • 8min

Bootstrap Grids - Create a Web Page Layout1 lecture • 9min

Create Buttons on a Web Page2 lectures • 14min

Create Tables on a Web Page2 lectures • 10min

Change Colors on a Web Page2 lectures • 8min

Create Badges1 lecture • 4min

Create Progress Bars1 lecture • 7min

Set Navigation on a Web Page3 lectures • 25min

Images on a web page1 lecture • 5min

Requirements

Description

Who this course is for: