Bootstrap 3
Building great looking websites that work well with different sized devices can be a challenge. Twitter's Bootstrap 3 can help you achieve a great looking and performing web site.
Authored by:
Shawn Wildermuth
Duration: 3h 50m
Level: Intermediate
Released: 11/13/2013
Duration: 3h 50m
Level: Intermediate
Released: 11/13/2013
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
expand all | collapse all | Progress | Duration | |
---|---|---|---|
Course Introduction
|
00:01:57 | ||
Introduction
|
01:57 | ||
Why Bootstrap 3
|
00:31:20 | ||
Introduction
|
00:28 | ||
Designers and Developers
|
04:09 | ||
What is Bootstrap 3
|
01:51 | ||
Tour of Bootstrap 3
|
02:48 | ||
The Mobile Web
|
02:33 | ||
Responsive Web Design
|
07:20 | ||
Mobile First Responsive Web Design
|
04:39 | ||
Bootstrapping of the Web
|
01:50 | ||
Bootstrapping
|
04:00 | ||
Summary
|
01:42 | ||
Getting Started
|
00:39:39 | ||
Introduction
|
00:42 | ||
Getting Bootstrap
|
03:28 | ||
Adding Bootstrap to Page
|
05:45 | ||
What is the Grid System?
|
03:08 | ||
Using the Grid System
|
03:18 | ||
Multiple Grid Types
|
01:57 | ||
Using Multiple Grids
|
02:59 | ||
Offsets and Rows
|
03:18 | ||
Images and Responsive Helpers
|
05:31 | ||
Theming Bootstrap
|
05:48 | ||
Customizing Bootstrap Package
|
01:46 | ||
Summary
|
01:59 | ||
Bootstrap 3 Basics
|
00:36:35 | ||
Introduction
|
00:29 | ||
Typography
|
04:35 | ||
Buttons
|
02:34 | ||
Icons
|
03:01 | ||
Navs and NavBars
|
08:27 | ||
Lists
|
02:52 | ||
Tables
|
05:18 | ||
Forms
|
07:41 | ||
Summary
|
01:38 | ||
Bootstrap Components
|
00:37:03 | ||
Introduction
|
00:41 | ||
Page Header and Breadcrumbs
|
04:43 | ||
Button Groups
|
04:34 | ||
Dropdowns
|
03:52 | ||
Button Dropdowns
|
02:30 | ||
Using a Dropdown for a Select
|
04:07 | ||
Input Groups
|
02:15 | ||
Pagination
|
03:25 | ||
Thumbnails
|
04:53 | ||
Panels
|
03:08 | ||
Wells
|
01:53 | ||
Summary
|
01:02 | ||
Bootstrap Plugins
|
00:42:27 | ||
Introduction
|
00:30 | ||
Collapse
|
03:38 | ||
Accordion
|
03:41 | ||
Modal Markup
|
06:05 | ||
Modal Events
|
03:30 | ||
Tab
|
04:03 | ||
Tooltip
|
04:51 | ||
Alert
|
04:32 | ||
Carousel Markup
|
04:41 | ||
Carousel Indicators
|
01:45 | ||
Carousel Navigation
|
02:01 | ||
Carousel Captions
|
01:15 | ||
Summary
|
01:55 | ||
Migrating to Bootstrap 3
|
00:41:08 | ||
Introduction
|
00:47 | ||
Overview of Changes
|
06:37 | ||
Moving to Bootstrap 3
|
04:43 | ||
Migrating the Grid
|
05:10 | ||
Migrating the NavBar
|
06:22 | ||
Migrating the Blog Entry
|
06:44 | ||
Migrating the Sidebar
|
04:34 | ||
Migrating Custom CSS
|
04:25 | ||
Summary
|
01:46 |