0
BootstrapMaking awesome websites in a jiffy!
What is Bootstrap?  Sleek, intuitive, and powerful front-end    framework for faster and easier web                develop...
What is Bootstrap?● Set of CSS stylesheets and JavaScript files  to help you build good looking websites● Developed by Twi...
Bootstrap offers● Scaffolding (responsive grid layout)● Base CSS● Components (dropdowns, tabs, navigation  bars, breadcrum...
ScaffoldingUp to 12 column grid system - fixed width andfluid
Scaffolding4 + 8 column layout
Scaffolding4 + 8 column fluid layout
ScaffoldingOffset columns
ScaffoldingResponsive design - have your site adapt tothe users device
Base CSS
Components
JavaScript
See everything athttp://twitter.github.com/bootstrap/
Demo
Thank you!http://github.com/jarannilsen
Upcoming SlideShare
Loading in...5
×

Bootstrap lightning talk

623

Published on

10-minute lightning talk on Twitter Bootstrap. The talk was accompanied by this demo: https://github.com/jarannilsen/bootstrap-demo

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
623
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Bootstrap lightning talk"

  1. 1. BootstrapMaking awesome websites in a jiffy!
  2. 2. What is Bootstrap? Sleek, intuitive, and powerful front-end framework for faster and easier web development.
  3. 3. What is Bootstrap?● Set of CSS stylesheets and JavaScript files to help you build good looking websites● Developed by Twitter● Open Source, Apache License 2.0
  4. 4. Bootstrap offers● Scaffolding (responsive grid layout)● Base CSS● Components (dropdowns, tabs, navigation bars, breadcrumbs, pagination...)● JavaScript tools (carousels, typeahead...)
  5. 5. ScaffoldingUp to 12 column grid system - fixed width andfluid
  6. 6. Scaffolding4 + 8 column layout
  7. 7. Scaffolding4 + 8 column fluid layout
  8. 8. ScaffoldingOffset columns
  9. 9. ScaffoldingResponsive design - have your site adapt tothe users device
  10. 10. Base CSS
  11. 11. Components
  12. 12. JavaScript
  13. 13. See everything athttp://twitter.github.com/bootstrap/
  14. 14. Demo
  15. 15. Thank you!http://github.com/jarannilsen
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×