h"p://twi"er.github.

com/bootstrap/

Disclaimer

These opinions and thoughts are my own, and may or

may not reect the opinions of my employer.

Introducing Bootstrap

Bootstrap is a toolkit designed to kickstart development of

web apps and sites.

It provides an easy-to-implement 960 pixel grid for
ecient layout, as well as expertly craHed styles for
typography, navigaIon, tables, forms, bu"ons, and more.

Introducing Bootstrap

Bootstrap is a very simple way to promote quick, clean and

highly usable applicaIons providing a clean and uniform
soluIon to the most common, everyday interface tasks
developers come across. - @mdo (co-creator)

License

Apache License, Version 2.0

Examples

Examples

Introducing Bootstrap

Getting Bootstrap

h"p://twi"er.github.com/bootstrap/

HTML Template

Grid System

Grid System

Fixed Layout

Fixed Layout

Responsive Design

Responsive Design

Responsive Design

Components

Components
Button groups!

Alerts!

Button dropdowns!

Progress bars!

Navigational tabs,

Modals!

pills, and lists!

Dropdowns!

Navbar!

Tooltips!

Labels!

Popovers!

Badges!

Accordion!

Page headers and

Carousel!

hero unit!

Typeahead!

Thumbnails!

Buttons

Button Sizing

Icons by Glyphicons

Breadcrumbs

Tabs

Navbar

Alerts

Thumbnails

Thumbnails

Media object
Abstract object styles for building various types of components (like blog
comments, Tweets, etc) that feature a left- or right-aligned image alongside
textual content.

Media object

Forms

jQuery Plugins
Transitions!

Collapse!

Modal!

Carousel!

Dropdown!

Typeahead!

Scrollspy!

Affix!

Tab!
Tooltip!
Popover!
Alert!

Button!

Modal

Dropdowns

Tooltips

Carousel

Carousel

Customize

LESS

h"p://lesscss.org/

h"p://crunchapp.net/

h"p://bootsnipp.com/

h"p://jetstrap.com/build

Bootstrap 3.0

Bootstrap 3 will be mobile rst.

No more separate responsive CSS leall in one now, baby.
Dropping support for IE7 and Firefox 3.x.
Grids have been overhaulednow simpler and uid by default.
Modals are all responsive.
Dropping submenu support.
Carousel has been redesigned.
Renamed all of the variables to use dashes instead of camelCase.
Dropped image icons in favor of icon font.
JavaScript events are going to be namespaced.
Docs are geang a bit of a reorganizaIonScaolding and Base CSS have
been merged into a single page, CSS.
Added a new gallery page to showcase more awesome Bootstrap
implementaIons.
And a whole mess of other changes.

h"ps://github.com/twi"er/bootstrap/pull/6342

Thanks!
chris.grith@gmail.com
@chrisgrith
h"p://chrisgrith.wordpress.com/