Responsive Websites With Bootstrap 3
By Mark Zamoyta
Learn to create a modern, responsive website using Bootstrap 3.
Course info
Rating
Level
Beginner
Updated
Jan 20, 2015
Duration
2h 52m
Table of contents
Course Introduction
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
Description
Course info
Rating
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
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
More courses by Mark Zamoyta