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 53m
Table of contents
Course Introduction
Responsive Patterns Using Bootstrap
Introduction
2m
Bootstrap's Grid and Visual Breakpoints
4m
Setting Up a Multi-Column Page
9m
Markup and Styling for Our Website
4m
The Mostly Fluid Pattern
4m
The Column Drop Pattern
6m
The Layout Shifter Pattern
5m
The Content Reflow Pattern
4m
Same-Sized Columns in Bootstrap
4m
Summary
1m
Responsive Navigation
Introduction
2m
Bootstrap's Navbar
1m
Adding the Navbar
5m
Styling the Navbar
5m
Adding a Logo Image
3m
Animating the Navbar When Scrolling
7m
Summary
1m
Responsive Images and Video
Introduction
2m
Responsive Images in Bootstrap
1m
Working With a Logo
4m
Styling Images
3m
Full Screen Background Images
4m
Full Screen, Fixed Images
3m
Fixed Images on Small Devices
2m
Full Screen, Background Video
5m
Full Screen YouTube Videos
1m
Summary
1m
Scrolling Features
Introduction
3m
Adding Content for Scrolling
5m
Decorating the Page Top
8m
Bootstrap's Scrollspy
2m
Adding Scrollspy to the Page
3m
Smooth Scrolling
5m
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 53m
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