YoVDO

Bootstrap 4 Layouts: Responsive Single-Page Design

Offered By: LinkedIn Learning

Tags

Bootstrap Courses Computer Science Courses Web Development Courses Animation Courses HTML Courses Responsive Web Design Courses Carousels Courses

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
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

Related Courses

Interactive 3D Graphics
Autodesk 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