bootstrap-course
designing

Master Bootstrap – Build Modern, Responsive Websites Fast

Admin Admin
Overview
Curriculum
  • 12 Sections
  • 56 Lessons
Collapse All
Introduction & Getting Started
5 Lessons
  1. What is Bootstrap?
  2. Why Use Bootstrap? & Advantages
  3. Differences from Older Versions (Bootstrap 3/4 → 5)
  4. How to Include Bootstrap in Your Project (CDN, Download)
  5. Basic Starter Template & Meta Tags
Containers & Layout Basics
7 Lessons
  1. Container vs Container-Fluid
  2. Responsive Meta Tag (viewport)
  3. Grid System – Rows & Columns
  4. The .row Class
  5. Column Classes (e.g. .col, .col-sm-*, etc.)
  6. Auto-layout & Equal-width Columns
  7. Responsive Grid Breakpoints
Typography, Colors & Utilities
5 Lessons
  1. Headings, Paragraphs, Text Classes
  2. Text Color & Background Utility Classes
  3. Spacing Utilities (Margins, Padding)
  4. Borders, Shadows & Other Utility Classes
  5. Display & Visibility Utilities
Images & Media
3 Lessons
  1. Responsive Images (.img-fluid)
  2. Figures and Captions
  3. Embedding Responsive Video / Media
Tables
3 Lessons
  1. Basic Table Styling (.table)
  2. Striped, Bordered, Hoverable Tables
  3. Responsive Tables
Buttons & Button Classes
4 Lessons
  1. Basic Button Classes & Styles
  2. Outline Buttons
  3. Button Sizing (sm, lg)
  4. Block-Level / Full-Width Buttons
Forms & Input Components
5 Lessons
  1. Basic Form Markup & .form-control Class
  2. Labels, Help Text, Placeholders
  3. Checkboxes, Radio Buttons & Switches
  4. Input Sizing, Disabled & Readonly States
  5. Inline Forms & Grid-Based Form Layout
Components & UI Elements (JavaScript-enabled)
9 Lessons
  1. Dropdowns
  2. Collapse / Accordion
  3. Modals
  4. Tooltips & Popovers
  5. Carousels
  6. Navbars & Navigation
  7. Alerts, Badges, Cards, Progress Bars
  8. Tabs / Pill Navigation
  9. Offcanvas & Collapse Panels
Utilities & Helpers
5 Lessons
  1. Flex Utilities
  2. Grid Helpers (Offsets, Ordering)
  3. Sizing Utilities
  4. Position Utilities
  5. Text & Alignment Utilities
Responsive Design & Mobile-First
3 Lessons
  1. Breakpoints & Media Queries Under the Hood
  2. Hiding & Showing Content Responsively
  3. Responsive Utilities (e.g. .d--)
Customizing Bootstrap
3 Lessons
  1. Overriding Styles / CSS Specificity
  2. Using Sass / Variables (for Advanced Users)
  3. Theming Bootstrap (Colors, Fonts, etc.)
Putting It All Together – Example Projects
4 Lessons
  1. Building a Responsive Landing Page
  2. Dashboard Layout Example
  3. Form-heavy Page / User Interface
  4. Navigation + Content + Footer Templates

Learn how to use Bootstrap to design mobile-first, responsive, and professional-looking websites without writing complex CSS. This beginner-friendly course walks you through layouts, grids, components, utilities, and real-world projects to help you master Bootstrap in no time.

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Related Courses

Placeholder
designing

React for Beginners – Build Dynamic Web Apps from Scratch

15
Start Course
designing

WordPress for Beginners – Build Your Own Website with Ease

17
Start Course
Javascript Basic
designing

JavaScript Basics for Beginners – Make Websites Interactive

69
Start Course
Scroll to top