Bootstrap 4 Essential Training

Introduction

• Welcome
• What you should know
• Use the exercise files

1. Getting Started

• Introduction
• Installation options
• Creating a basic template

2. Using Basic Styles

• Basic styles overview
• Basic typography
• Typographic utilities
• Blockquotes and lists
• Using colors with Bootstrap
• Work with images
• CSS variables
• Text selection

3. Mastering Layout with Bootstrap

• 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

4. Using Navs and Navbar Components

• 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

5. Style Element Overview

• Basic style element overview
• Create buttons
• Button groups
• Use badges
• Progress bar styles
• List groups
• Breadcrumbs
• Shadows

6. Using Layout Component

• Layout components overview
• Add a jumbotron
• Table styles
• Basic card layouts
• Card content classes
• Card layouts
• Use the media object

7. Using Form Styles

• Form styles overview
• Create a basic form
• Checkboxes and radio classes
• Style options
• Multicolumn forms
• Create input groups
• Custom form components

8. Working with Interactive 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

Conclusion

• Next steps