Need help learning Twitter Bootstrap? This is your chance! We're covering: • What is it? • Why is it so popular? • Installation • Theming • Usage (grid, controls, etc...) You need some knowledge of CSS, HTML, and JavaScript to get the most out of this. Contact me if you need a primer reference.

1. Bootstrap Bootcamp
Wm. Barrett Simms
barrett@wbsimms.com
@wbsimms

2. What is it?
• Web UI Framework
• Provides boilerplate UI markup
• Prevent software developers looking bad
• You should still have a designer (who knows bootstrap!)

3. Resources
• Bootstrap http://getbootstrap.com
• Bootswatch http://bootswatch.com
• Google / Bing

4. What you get
• Mobile first using grid system
• Forms Styling
• Alerts
• Tabs
• Accordion
• Themes
• HTML Elements Styling
• Navigation Bars
• Modal Dialogs
• Tooltips/Popovers

5. Let’s Get Started
1. Download bootstrap (http://getbootstrap.com/)
2. Create an HTML page
3. Add CSS and Scripts
4. Run

6. Themes
• Bootswatch : http://bootstrap.com
• WrapBootstrap : http://wrapbootstrap.com

7. Responsive Design and the Grid
• Bootstrap gives you a 12 column grid

8. Demos

9. Contact
• Email : barrett@wbsimms.com
• Twitter: @wbsimms
• Web: http://wbsimms.com