CoursesFrontend DevelopmentBootstrap Tutorial
IntermediateFree
4.9(3,626 reviews)

Bootstrap Tutorial logoBootstrap Tutorial

Learn Bootstrap from beginner to advanced with practical examples.

60 Lessons
Step by step
25 Hours
Estimated duration
18.0K
Students enrolled
Certificate
Upon completion
Start Learning

What You'll Learn

Bootstrap Introduction
Installing Bootstrap with CDN
Bootstrap File Structure
Bootstrap Containers
Bootstrap Breakpoints
Bootstrap Grid Basics

Course Content

60 lessons • 25 hours total
Course Progress0% Complete

Practice editor is inside each lesson

Open any lesson to use the Try It Yourself editor with course-specific practice code.

Open First Lesson
01

Module 1

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap IntroductionTry It Yourself available
9:07Try It Yourself
Installing Bootstrap with CDNTry It Yourself available
11:17Try It Yourself
Bootstrap File StructureTry It Yourself available
13:27Try It Yourself
Bootstrap ContainersTry It Yourself available
15:37Try It Yourself
Bootstrap BreakpointsTry It Yourself available
17:47Try It Yourself
02

Module 2

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap Grid BasicsTry It Yourself available
15:42Try It Yourself
Rows and ColumnsTry It Yourself available
17:52Try It Yourself
Column Sizing Across ScreensTry It Yourself available
19:02Try It Yourself
Offsets and OrderingTry It Yourself available
9:12Try It Yourself
Nested Grid LayoutsTry It Yourself available
11:22Try It Yourself
03

Module 3

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap TypographyTry It Yourself available
9:17Try It Yourself
Bootstrap ColorsTry It Yourself available
11:27Try It Yourself
Bootstrap Spacing UtilitiesTry It Yourself available
13:37Try It Yourself
Bootstrap Display UtilitiesTry It Yourself available
15:47Try It Yourself
Bootstrap Flex UtilitiesTry It Yourself available
17:57Try It Yourself
04

Module 4

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap ButtonsTry It Yourself available
15:52Try It Yourself
Button GroupsTry It Yourself available
17:02Try It Yourself
Bootstrap BadgesTry It Yourself available
19:12Try It Yourself
Bootstrap AlertsTry It Yourself available
9:22Try It Yourself
Bootstrap Progress BarsTry It Yourself available
11:32Try It Yourself
05

Module 5

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap CardsTry It Yourself available
9:27Try It Yourself
Bootstrap List GroupsTry It Yourself available
11:37Try It Yourself
Bootstrap TablesTry It Yourself available
13:47Try It Yourself
Bootstrap ImagesTry It Yourself available
15:57Try It Yourself
Bootstrap Figures and MediaTry It Yourself available
17:07Try It Yourself
06

Module 6

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap Navbar BasicsTry It Yourself available
15:02Try It Yourself
Responsive NavbarsTry It Yourself available
17:12Try It Yourself
Bootstrap BreadcrumbsTry It Yourself available
19:22Try It Yourself
Bootstrap PaginationTry It Yourself available
9:32Try It Yourself
Bootstrap Tabs and PillsTry It Yourself available
11:42Try It Yourself
07

Module 7

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap Forms IntroductionTry It Yourself available
9:37Try It Yourself
Form Controls and InputsTry It Yourself available
11:47Try It Yourself
Input GroupsTry It Yourself available
13:57Try It Yourself
Form Validation StatesTry It Yourself available
15:07Try It Yourself
Floating LabelsTry It Yourself available
17:17Try It Yourself
08

Module 8

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap ModalsTry It Yourself available
15:12Try It Yourself
Bootstrap CollapseTry It Yourself available
17:22Try It Yourself
Bootstrap AccordionTry It Yourself available
19:32Try It Yourself
Bootstrap OffcanvasTry It Yourself available
9:42Try It Yourself
Bootstrap ToastsTry It Yourself available
11:52Try It Yourself
09

Module 9

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap DropdownsTry It Yourself available
9:47Try It Yourself
Bootstrap TooltipsTry It Yourself available
11:57Try It Yourself
Bootstrap PopoversTry It Yourself available
13:07Try It Yourself
Bootstrap SpinnersTry It Yourself available
15:17Try It Yourself
Bootstrap PlaceholdersTry It Yourself available
17:27Try It Yourself
10

Module 10

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap Utility API BasicsTry It Yourself available
15:22Try It Yourself
Bootstrap HelpersTry It Yourself available
17:32Try It Yourself
Bootstrap Shadows and BordersTry It Yourself available
19:42Try It Yourself
Bootstrap Position UtilitiesTry It Yourself available
9:52Try It Yourself
Bootstrap Responsive UtilitiesTry It Yourself available
11:02Try It Yourself
11

Module 11

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Customizing Bootstrap ThemeTry It Yourself available
9:57Try It Yourself
Bootstrap VariablesTry It Yourself available
11:07Try It Yourself
Bootstrap with SassTry It Yourself available
13:17Try It Yourself
Bootstrap Icons BasicsTry It Yourself available
15:27Try It Yourself
Bootstrap Layout Best PracticesTry It Yourself available
17:37Try It Yourself
12

Module 12

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Bootstrap Admin Dashboard ProjectTry It Yourself available
15:32Try It Yourself
Bootstrap Landing Page ProjectTry It Yourself available
17:42Try It Yourself
Bootstrap Pricing Table ProjectTry It Yourself available
19:52Try It Yourself
Bootstrap Blog Layout ProjectTry It Yourself available
9:02Try It Yourself
Bootstrap Best Practices and OptimizationTry It Yourself available
11:12Try It Yourself

Try It Yourself

Practice this course here with Bootstrap Introduction.

Open Full Lesson

Try It Yourself

Loading editor...

Requirements

  • No prior coding experience needed
  • A computer with internet access
  • Any modern web browser (Chrome, Firefox, Safari)
  • Text editor (VS Code recommended)

Student Reviews

0.0(0 reviews)
No reviews yet. Be the first student to add one.

Add Your Review

Rating

Instructor

Instructor Ali Moavia
Ali Moavia
Senior Web Developer

Full-stack developer with 3+ years of experience. Passionate about teaching web technologies.

50K+ students
12 courses

Related Courses

Summer Camp 2026 (Super Kids Junior)

Beginner • Computer Fundamentals

We are excited to announce that the first session of our Summer Compliance 2026 program has been successfully completed! Our students have officially started their learning journey in: 🤖 Artificial Intelligence (AI) 💻 Coding & Programming 🎨 Graphic Design 🎬 Video Editing 🗣️ Communication Skills A huge thank you to all the students and parents for their trust and enthusiasm. This is just the beginning of an exciting journey filled with learning, creativity, and innovation.

4.7

Summer Camp 2026 ( Super Kids Senior

Intermediate • Frontend Development

We are excited to announce that the first session of our Summer Compliance 2026 program has been successfully completed! 🎓✨ Our students have officially started their learning journey in: 🤖 Artificial Intelligence (AI) 💻 Coding & Programming 🎨 Graphic Design 🎬 Video Editing 🗣️ Communication Skills A huge thank you to all the students and parents for their trust and enthusiasm. This is just the beginning of an exciting journey filled with learning, creativity, and innovation.

4.8

Share this course