Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap UI Development for Everyone
Welcome
Course Overview and Welcome (5:52)
How To Learn Technical Topics (7:57)
Tools and Setup
Download Bootstrap (4:02)
Download The Gimp [if you don't have photoshop or another editor] (2:16)
Download Microsoft Expression Studio [or other editor] (2:15)
Install Adobe Brackets [Alternative to Microsoft Expression] (0:59)
Download JQuery (2:18)
Setup the Default Project (10:00)
I just can't wait, I need a template now! (5:40)
The Grid
Cheet Sheet
Rows (3:51)
Columns (7:52)
Nesting Rows And Columns (5:37)
Fluid Rows And Columns (3:05)
Containers (2:49)
Offsetting Columns (2:52)
Pushing Columns Left or Right (2:23)
Clearfix Style Reset (2:56)
Page Elements and CSS Styles in Bootstrap
Section 4 Overview (4:29)
Lead body copy, Initialism, and Abbreviations (4:16)
Small, Bold, Italics (2:16)
Aligning Text and Blockquotes (4:09)
Blocks for Code and User Input (5:00)
Lists (2:55)
Tables (4:57)
Contextual Color and Background Classes (8:52)
Images and Responsive Images (5:26)
Forms (10:12)
Buttons (7:46)
Visible Utility Classes (11:48)
Less configurator to change default styles (8:54)
Page Components
Glyphicons, Input and Button addons (6:25)
Dropdowns (6:46)
Button Groups (9:00)
Navs [Tabs and Pills] (8:01)
Labels and Badges (4:18)
List Groups Panels and Wells (4:49)
Progress Bars (5:08)
Alerts (2:58)
Navbar (16:06)
Thumbnails (7:59)
Breadcrumbs and Pagination (8:20)
Jumbotron and Page Header (5:49)
Media (3:29)
Javascript and JQuery Plugin Options
Carousel (11:38)
Accordion and collapsing divs (13:31)
Tooltips and Popovers (5:10)
Modal Dialogs (5:53)
Affix (4:35)
Build a Single Page Application Template with Scrollspy (4:27)
Advanced - Build Automation with Node and Grunt; Using LESS and Bootstrap Mixins
A quick note about the advanced section
Get Node.js Installed (2:57)
Get and Install Grunt (7:39)
Configure Grunt Part 1 - Less and Watch (10:40)
Configure Grunt Part 2 - CSS Minify (6:40)
Configure Grunt Part 3 - Uglify (4:21)
Configure Grunt Part 4 - Chrome Live Reload (3:09)
Getting setup for manual Bootstrap builds (11:43)
LiveReload Setup & Using Mixins part 1: Rounded Corners (5:46)
Columns (10:32)
Animations (5:37)
Transitions (4:13)
Transformations (3:34)
Gradients (5:44)
Opacity, Drop Shadows, Centering, and Sizing (9:37)
Ready to rock
Final Thoughts, Course Wrap Up, and some additional resources (5:18)
Configure Grunt Part 4 - Chrome Live Reload
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock