Bootstrap Bootcamp

Wm. Barrett Simms

barrett@wbsimms.com

@wbsimms

What is it?

• Web UI Framework

• Provides boilerplate UI markup

• Prevent software developers looking bad• You should still have a designer (who knows bootstrap!)

Resources

• Bootstrap http://getbootstrap.com

• Bootswatch http://bootswatch.com

• Google / Bing

What you get

• Mobile first using grid system

• Forms Styling

• Alerts

• Tabs

• Accordion

• Themes

• HTML Elements Styling

• Navigation Bars

• Modal Dialogs

• Tooltips/Popovers

Let’s Get Started

1. Download bootstrap (http://getbootstrap.com/)

2. Create an HTML page

3. Add CSS and Scripts

4. Run

Themes

• Bootswatch : http://bootstrap.com

• WrapBootstrap : http://wrapbootstrap.com

Responsive Design and the Grid

• Bootstrap gives you a 12 column grid

Demos

Contact

• Email : barrett@wbsimms.com

• Twitter: @wbsimms

• Web: http://wbsimms.com