Topic |
Description |
BS5 HOME |
Introduction to Bootstrap 5 and overview of the course content |
BS5 Get Started |
Learn how to set up and use Bootstrap 5 |
BS5 Containers |
Learn about the different container options in Bootstrap |
BS5 Grid Basic |
Understand the basics of the Bootstrap grid system |
BS5 Typography |
Style and format text using Bootstrap typography classes |
BS5 Colors |
Apply color utilities to style your web pages |
Text Colors |
Use predefined classes to change text colors |
Background Colors |
Set background colors using Bootstrap utilities |
BS5 Tables |
Create and style tables with Bootstrap |
BS5 Images |
Learn how to work with responsive images |
BS5 Jumbotron |
Create hero sections for your website |
BS5 Alerts |
Display different types of alerts to users |
BS5 Buttons |
Style buttons with predefined classes |
BS5 Button Groups |
Group multiple buttons together |
BS5 Badges |
Add contextual badges to your content |
BS5 Progress Bars |
Create progress indicators for tasks |
BS5 Spinners |
Add loading spinners to your web pages |
BS5 Pagination |
Handle navigation with pagination components |
BS5 List Groups |
Create and style list groups |
BS5 Cards |
Learn how to create and use card components |
BS5 Dropdowns |
Add dropdown menus to your web pages |
BS5 Collapse |
Create collapsible content with ease |
BS5 Navs |
Style navigation menus and links |
BS5 Navbar |
Create responsive navigation bars |
BS5 Carousel |
Build image sliders with Bootstrap carousels |
BS5 Modal |
Learn how to add modals for dialogs |
BS5 Tooltip |
Add tooltips to elements for additional info |
BS5 Popover |
Create popovers for displaying content |
BS5 Toast |
Display toast notifications |
BS5 Scrollspy |
Automatically update navigation based on scroll |
BS5 Offcanvas |
Create offcanvas content for your pages |
BS5 Utilities |
Learn about Bootstrap utility classes |
BS5 Dark Mode |
Switch between light and dark themes |
BS5 Flex |
Learn how to use the Bootstrap flexbox system |
BS5 Forms |
Design and style forms with Bootstrap |
BS5 Select Menus |
Style dropdown select menus |
BS5 Checks and Radios |
Style checkboxes and radio buttons |
BS5 Range |
Learn how to style range sliders |
BS5 Input Groups |
Group inputs and add addons |
BS5 Floating Labels |
Style input fields with floating labels |
BS5 Form Validation |
Validate form inputs with Bootstrap |
BS5 Grid System |
Master the grid system for layout design |
BS5 Stacked/Horizontal |
Learn about stacked and horizontal layouts |
BS5 Grid XSmall |
Style grid for extra small screens |
BS5 Grid Small |
Style grid for small screens |
BS5 Grid Medium |
Style grid for medium screens |
BS5 Grid Large |
Style grid for large screens |
BS5 Grid XLarge |
Style grid for extra-large screens |
BS5 Grid XXL |
Style grid for XXL screens |
BS5 Grid Examples |
Explore practical grid layout examples |