Overview
-
Find out how Bootstrap can transform your standard HTML websites into inspired single-page designs.
Syllabus
-
Introduction
- Creating a Bootstrap 4 layout
- Layout principles
- Coding Bootstrap navigation
- Adding styles to our project
- Making our navigation responsive
- Using spacing classes and icons
- Creating a header layout
- Using columns in our layout
- Using a multicolumn format
- Working with the media component
- Creating a grid of photos
- Working with carousels
- Nesting a layout
- Creating an icon layout
- Floating layout elements
- Using the card layout classes
- Reusable modal templates
- Using Scrollspy
- Scrolling to a location
- Animating our menu
- Keyframe animation
- Animating with Scrollspy
- Next steps
