Black Friday 2024: 25+ Ways to Save on Online Learning

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Bootstrap 4 Layouts: Responsive Single-Page Design

via LinkedIn Learning

Go to class Write review

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Grab it
Find out how Bootstrap can transform your standard HTML websites into inspired single-page designs.

Syllabus

Introduction
  • Creating a Bootstrap 4 layout
1. Building a Header and Footer
  • 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
2. Bootstrap Layout Components
  • 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
3. Adding Interactivity
  • Reusable modal templates
  • Using Scrollspy
  • Scrolling to a location
4. Creating Animations
  • Animating our menu
  • Keyframe animation
  • Animating with Scrollspy
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

4.5 rating at LinkedIn Learning based on 44 ratings

Start your review of Bootstrap 4 Layouts: Responsive Single-Page Design

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.