15
Bootstrap Making awesome websites in a jiffy!

Bootstrap lightning talk

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Bootstrap lightning talk

BootstrapMaking awesome websites in a jiffy!

Page 2: Bootstrap lightning talk

What is Bootstrap?

Sleek, intuitive, and powerful front-end framework for faster and easier web

development.

Page 3: Bootstrap lightning talk

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

Page 4: Bootstrap lightning talk

Bootstrap offers

● Scaffolding (responsive grid layout)

● Base CSS

● Components (dropdowns, tabs, navigation bars, breadcrumbs, pagination...)

● JavaScript tools (carousels, typeahead...)

Page 5: Bootstrap lightning talk

Scaffolding

Up to 12 column grid system - fixed width and fluid

Page 6: Bootstrap lightning talk

Scaffolding

4 + 8 column layout

Page 7: Bootstrap lightning talk

Scaffolding

4 + 8 column fluid layout

Page 8: Bootstrap lightning talk

Scaffolding

Offset columns

Page 9: Bootstrap lightning talk

Scaffolding

Responsive design - have your site adapt to the user's device

Page 10: Bootstrap lightning talk

Base CSS

Page 11: Bootstrap lightning talk

Components

Page 12: Bootstrap lightning talk

JavaScript

Page 13: Bootstrap lightning talk

See everything at

http://twitter.github.com/bootstrap/

Page 14: Bootstrap lightning talk

Demo

Page 15: Bootstrap lightning talk

Thank you!http://github.com/jarannilsen