beneggett/twitter-bootstrap-presentation.md

## twitter-bootstrap-presentation.md

      
    Raw
  

              twitter-bootstrap-presentation.md
            
          
    This Presentation was built to be viewed with GistDeck
Twitter Bootstrap & Responsive Design


DRUG September 5, 2012
Ben Eggett

beggett@savvi.com
801.946.1510
Who here has implemented Responsive Design in their Applications?

Precursor: Savvi

http://www.savvi.com

Bootstrap is...

Responsive Design +

Packed with features.
A 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.

Bootstrap Components

http://twitter.github.com/bootstrap/getting-started.html#contents
Bootstrap on Rails

1.) Include styles/scripts the usual way
2.) Bootstrap using less
https://github.com/seyhunak/twitter-bootstrap-rails
3.) Bootstrap Sass
https://github.com/thomas-mcdonald/bootstrap-sass
    # Gemfile
    source "http://rubygems.org"
    # ... 
      gem 'bootstrap-sass', '~> 2.0.4.1'
    # ...
  bundle install

Resources:

http://twitter.github.com/bootstrap/
https://github.com/thomas-mcdonald/bootstrap-sass
http://fortawesome.github.com/Font-Awesome/
The End

Ben Eggett

Director of Software Dev @ Savvi
beggett@savvi.com
801.946.1510