Responsive Websites With Bootstrap 3

By Mark Zamoyta
Learn to create a modern, responsive website using Bootstrap 3.
Course info
Rating
(1421)
Level
Beginner
Updated
Jan 20, 2015
Duration
2h 52m
Table of contents
Course Introduction
Introduction 7m
Responsive Patterns Using Bootstrap
Introduction 3m Bootstrap's Grid and Visual Breakpoints 5m Setting Up a Multi-Column Page 9m Markup and Styling for Our Website 4m The Mostly Fluid Pattern 5m The Column Drop Pattern 6m The Layout Shifter Pattern 5m The Content Reflow Pattern 5m Same-Sized Columns in Bootstrap 4m Summary 1m
Responsive Navigation
Introduction 3m Bootstrap's Navbar 2m Adding the Navbar 6m Styling the Navbar 6m Adding a Logo Image 3m Animating the Navbar When Scrolling 8m Summary 1m
Responsive Images and Video
Introduction 3m Responsive Images in Bootstrap 2m Working With a Logo 5m Styling Images 4m Full Screen Background Images 4m Full Screen, Fixed Images 4m Fixed Images on Small Devices 2m Full Screen, Background Video 6m Full Screen YouTube Videos 2m Summary 1m
Scrolling Features
Introduction 3m Adding Content for Scrolling 5m Decorating the Page Top 9m Bootstrap's Scrollspy 3m Adding Scrollspy to the Page 4m Smooth Scrolling 6m Stellar.js for Parallax Scrolling 1m Implementing Parallax Scrolling 3m Summary 1m
Animated Page Elements
Introduction 2m Animation When Scrolling in With wow.js 2m Implementing wow.js Animation 3m Bootstrap's Carousel Component 3m Implementing Bootstrap's Carousel 6m The nanoGallery Image Gallery 3m Implementing nanoGallery 5m Summary 1m
Description
Course info
Rating
(1421)
Level
Beginner
Updated
Jan 20, 2015
Duration
2h 52m
Description

Learn to create a modern, responsive website using Bootstrap 3. Major design patterns for responsive web pages will be covered along with Bootstrap's implementations of each one. We'll then create a trendy single page site with modern features. Some features include an animated navigation area, animated scrolling, fully responsive images, wallpaper images and video, and several animated elements used on many sites.

About the author
Mark Zamoyta
About the author

Mark started in the developer world over 25 years ago. He began his career with a Bachelor of Science in Computer Science from St. Johns University. After spending 10 years on Wall Street working for Goldman Sachs, Lehman Brothers and other major investment banks, Mark became interested in animation and video game software.

More from the author
JavaScript: Getting Started
Beginner
3h 56m
Jan 21, 2020
Angular Forms
Beginner
2h 2m
Apr 2, 2019
JavaScript Fundamentals
Intermediate
2h 59m
Jul 26, 2018
More courses by Mark Zamoyta

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT