Bootstrap is a front-end framework for responsive web design that uses HTML, CSS and JavaScript to make responsive websites. It utilizes a mobile-first approach and responsive design principles to automatically resize and adapt content based on screen resolution using CSS media queries and a 12-column grid system. Bootstrap can also be easily integrated with JavaScript frameworks like AngularJS.

1. Bootstrap
https://www.youtube.com/watch?
v=wesUO81YX0U&index=1&list=PL41lfR-6DnOovY0t3nBg8Zb6aqm_H70mR

2. Bootstrap
Responsive Design
Mobile First jQuery / LESS
Components
Twitter

3. HTML5 header/article/section/aside/footer

4. CSS3
Basics
Resizing based on resolution

5. Responsive Web Design (RWD)
CSS3 Media Query
@media screen and (max-width: 699px) {
Resizing based on resolution

6. Responsive Web Design
(RWD)

7. LESS
Nest, Variable, Mixin
Syntax Suger

8. Grid System
Divided to 12 columns.
<div class="col-md-offset-2 col-md-8">
Specify grids to place elements with col-md-8.

9. Grid
Break Point
a threshold width
to change the layout

10. AngularJS
Integration with AngularJS
Bootstrap works with AngularJS nicely.

11. AngularJS
Integration with AngularJS