Ken Fujiuchi
Father, Librarian, Geek
<Learning Bootstrap>
Presented by
Ken Fujiuchi, SUNY Buffalo State College
Bootstrap
Front-End Framework
Consistency
Universal
Open
History
Evolution of Bootstrap
Twitter Blueprint
aka. Bootstrap 1.0
Bootstrap 1.0 Release
August 2011
Bootstrap 2.0
January 2012
- Twelve Column Grid Layout
- Responsive Design
Bootstrap 3.0
August 2013
- Mobile First
- Flat Design
Bootstrap 4.0
August 2013
- Syntactically Awesome Stylesheets (SASS)
- Flexbox Support
Why Bootstrap?
Bootstrap
Consistent style guide that creates a uniform framework that everyone agrees upon. Allows anyone who knows that style guide to design and develop content for the web.
Citation Styles
Consistent style guides to create a uniform citation format. Allows anyone with knowledge of the styles to recognize citations and further develop and follow research that follows the same citation style rules.
Bootstrap Features
The Grid System
Twelve column grid based on percentages. This makes it easy to design content that can rearrange itself.
Bootstrap Features
Built-in CSS Classes
Bootstrap Features
Ready-to-Use Components
Bootstrap Features
Javascript Plugins
Bootstrap Features
Customizable
Hands On Time
Bootstrap Tool Examples
- Shoelace:
http://shoelace.io/ - LayoutIt!:
http://www.layoutit.com/ - Bootstrap Builder:
http://bootstrapbuild.com/
<Learning Bootstrap>
By Ken Fujiuchi
