Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Bootstrap for Web Design

with

Twitter's Bootstrap is an excellent set of carefully crafted user interface elements, layouts and JavaScript tools, easily available to use in your next web design project. This course takes you through Bootstrap, from top to bottom. 

Course Replacement

This course uses Bootstrap 2, which is now outdated. We have released a new course to teach you the same great skills using the most recent Bootstrap version: Bootstrap 3 for Web Design.

1× speed

Free Preview: Bootstrap for Web Design

Introduction

02:00

1.Introduction
1 lesson, 02:00

Free Preview
1.1
Introduction
02:00

2.A First Look at Bootstrap
1 lesson, 03:14

Free Preview
2.1
Bootstrap Overview and Installation
03:14

3.Scaffolding
2 lessons, 14:50

3.1
The Grid System
07:57

3.2
Layouts and Responsive Design
06:53

4.The Base CSS
5 lessons, 47:33

4.1
Typography
08:11

4.2
Tables
05:56

4.3
Buttons, Images and Icons
12:47

4.4
Form Controls, Sizing and States
11:47

4.5
Extending Form Controls and Optional Layouts
08:52

5.Components
8 lessons, 1:03:14

5.1
Dropdown Menus
06:39

5.2
Button Groups and Dropdowns
12:05

5.3
Tabs, Pills and Nav Lists
11:43

5.4
The Navbar
11:10

5.5
Breadcrumbs and Pagination
05:49

5.6
Labels, Badges and Typographic Components
05:36

5.7
Alerts and Progress Bars
05:50

5.8
Miscellaneous Components
04:22

6.JavaScript
4 lessons, 27:47

6.1
Modal Windows
05:38

6.2
Scrollspy
04:00

6.3
Tooltips and Popovers
05:54

6.4
Accordions and Carousels
12:15

7.Exercise: Build a Website Based on a Set of Wireframes
9 lessons, 1:03:18

7.1
Design Overview
02:37

7.2
Homepage: Navbar and Featured Area
10:34

7.3
Homepage: Company, Testimonials and Footer
09:10

7.4
Contact Us Modal Window
05:42

7.5
Products Page
05:43

7.6
Single Product Page: Carousel
07:31

7.7
Single Product Page: Q&A, Testimonials
08:04

7.8
About Us Page
05:17

7.9
Finishing Touches
08:40

8.Conclusion
1 lesson, 01:00

8.1
Conclusion
01:00


Preview for Bootstrap for Web Design
Lessons:
31
Length:
3.7 hours
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio