Free Preview: Bootstrap for Web Design

Bootstrap Overview and Installation

03:14

Bootstrap Overview and Installation

In the first lesson we'll have an initial look at Bootstrap and see how we can install it.

Further Reading

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


About Adi Purdila
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