Overview
-
Learn the essentials of Bootstrap 4. Discover how to use this popular front-end framework to quickly and easily build responsive, mobile-ready websites.
Syllabus
-
Introduction
- Welcome
- What you should know
- Use the exercise files
- Introduction
- Installation options
- Creating a basic template
- Basic styles overview
- Basic typography
- Typographic utilities
- Blockquotes and lists
- Using colors with Bootstrap
- Work with images
- CSS variables
- Text selection
- Layout overview
- Using containers
- Working with rows and columns
- Multiple column classes
- Offset columns
- Nested columns
- Custom order
- Grid alignment options
- Display properties
- Flexbox container options
- Individual flex elements
- Floating elements
- Margin and padding
- Visibility
- Sizing utilities
- Using borders
- Navbar overview
- Create basic navigation
- Create a navbar
- Use branding and text
- Add a dropdown to navigation
- Add form elements
- Control positioning
- Create collapsible content
- Basic style element overview
- Create buttons
- Button groups
- Use badges
- Progress bar styles
- List groups
- Breadcrumbs
- Shadows
- Layout components overview
- Add a jumbotron
- Table styles
- Basic card layouts
- Card content classes
- Card layouts
- Use the media object
- Form styles overview
- Create a basic form
- Checkboxes and radio classes
- Style options
- Multicolumn forms
- Create input groups
- Custom form components
- Interactive component overview
- Add tooltips
- Display popovers
- Create alerts
- Use dropdowns
- Add collapse accordions
- Use modals
- Build carousels
- Use scrollspy
- Toasts
- Spinners
- Pagination
- Stretched links
- Embeds
- Next steps
