How to 'bootstrap' a web app with bootstrap plus the bootstrap grid system by Mavina Puri from Conde Condé Nast.

1. Bootstrap
Mavina Puri
developer @Condenast

2. Intro...
● Open source front-end framework developed
by Twitter
● Collection of html templates, css and jquery
plugins

3. Use cases for Bootstrap
● Front-end engineer..Not!
● Time/resource constraints
● Prototyping

4. Core features
● Grid layout - A “page layout” strategy using
css. Provides structure to the web content, in
form of columns and rows.

5. Components
● Dropdowns
● Navbar
● Alerts
● Carousel….

6. Bootstrap themes
3rd party bootstrap themes
○ Flat-ui (http://designmodo.github.io/Flat-UI/)
○ http://bootswatch.com/
○ Many many more...

7. Bootstrap FTW!
● http://getbootstrap.com/
● Great download builder
● Questions? Feel free to email your questions
to jpaul1@condenast.com