<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

Made with Slides.com