Bootstrap 5 Essential Training

Introduction

• The most popular framework
• How to use the exercise files

1. Getting Started

• New features in Bootstrap v5.3
• Installation options
• Bootstrap Icons
• Reboot

2. Essential Classes

• Containers
• Colors
• Spacing
• Display
• Position

3. Using Elements

• Typography styles
• Typography elements
• Blockquotes and simple lists
• List groups
• Tables
• Images and figures
• Borders

4. Modifying Elements

• Box modifications
• Sizes and ratios
• Interactivity classes

5. Layouts with Columns and Flexbox

• Basic grid layout
• Rows
• Responsive columns
• Flexbox metrics
• Flexbox content
• Flexbox organization

6. Layout Components

• Buttons
• Navs
• Navbar
• Cards
• Pagination
• Progress
• Spinner
• Badges and breadcrumbs

7. Interactive Components

• Carousel
• Accordions
• Alerts
• Toasts
• Modal
• Collapse
• Dropdowns
• Tooltips
• Popovers
• Scrollspy

8. Forms

• Basic inputs
• Selects and range
• Floating labels
• Checks and radios
• Input groups
• Form validation

Conclusion

• Next steps