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
Interactive 3D GraphicsAutodesk via Udacity Creative Coding
Monash University via FutureLearn Make Your Own 2048
Udacity An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX