Bootstrap 5 Essential Training
4h 20mBeginner2023-10-11
Authors

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
Bootstrap—a front-end framework using HTML, CSS, and JavaScript—is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid and components that are ready to use. In this course, Ray Villalobos helps you get started with Bootstrap 5, providing an overview of all of the features in this popular framework. Ray covers installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers, before moving into detailed coverage of more advanced features, including typography and flexbox layouts. Learn how to use the layout components to create a full-featured website and make it interactive with components such as carousels, accordions, alerts, and tooltips. Plus, learn how to build beautifully designed and usable forms that validate user input.
Skills covered
BootstrapFront-End Web DevelopmentSoftware Development ToolsEssential TrainingWeb DevelopmentOpen SourceSoftware Development
Concepts
Introduction
- The most popular framework
- How to use the exercise files
Getting Started
- New features in Bootstrap v5.3
- Installation options
- Bootstrap Icons
- Reboot
Essential Classes
- Containers
- Colors
- Spacing
- Display
- Position
Using Elements
- Typography styles
- Typography elements
- Blockquotes and simple lists
- List groups
- Tables
- Images and figures
- Borders
Modifying Elements
- Box modifications
- Sizes and ratios
- Interactivity classes
Layouts with Columns and Flexbox
- Basic grid layout
- Rows
- Responsive columns
- Flexbox metrics
- Flexbox content
- Flexbox organization
Layout Components
- Buttons
- Navs
- Navbar
- Cards
- Pagination
- Progress
- Spinner
- Badges and breadcrumbs
Interactive Components
- Carousel
- Accordions
- Alerts
- Toasts
- Modal
- Collapse
- Dropdowns
- Tooltips
- Popovers
- Scrollspy
Forms
- Basic inputs
- Selects and range
- Floating labels
- Checks and radios
- Input groups
- Form validation
Conclusion
- Next steps