Bootstrap 4 Layouts: Responsive Single-Page Design
Offered By: LinkedIn Learning
Course Description
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
Taught by
Ray Villalobos
Related Courses
Responsive Web Design FundamentalsGoogle via Udacity Introduction to Bootstrap - A Tutorial
Microsoft via edX Responsive Images
Udacity Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera Responsive Web Design
University of London International Programmes via Coursera