Bootstrap Bootcamp
Download as PPTX, PDF1 like688 views
The document introduces Bootstrap as a web UI framework that provides essential UI markup to improve the appearance of web applications while emphasizing the need for a designer's expertise. Key features include a mobile-first approach, a 12-column grid system, and various UI components like forms, navigation bars, and modal dialogs. It also provides resources for downloading Bootstrap and themes, alongside contact information for additional queries.
Bootstrap Bootcamp
- 1. Bootstrap Bootcamp Wm. Barrett Simms [email protected] @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 : [email protected] • Twitter: @wbsimms • Web: http://wbsimms.com
Editor's Notes
- #2: Welcome!