beneggett/twitter-bootstrap-presentation.md

Created September 5, 2012 23:56

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/beneggett/3648100.js"></script>
Save beneggett/3648100 to your computer and use it in GitHub Desktop.

Download ZIP

Twitter Bootstrap Presentation

Raw

twitter-bootstrap-presentation.md

This Presentation was built to be viewed with GistDeck

Twitter Bootstrap & Responsive Design

DRUG September 5, 2012

Ben Eggett

[email protected]

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

[email protected]

801.946.1510

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment