MSSE SENG 5199

Course Materials for the MSSE Web Application Development Course

Twitter Bootstrap

Mike Calvo

mike@citronellasoftware.com


What Is Bootstrap


Bootstrap Page Requirements

<meta name="viewport" content="width=device-width, initial-scale=1">

Mobile Friendly

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Bootstrap Grid System

  <div class=container>...</div>
  <div class="container-fluid">...</div>

Use Bootstrap Classes to Control Grid


Examples of Grid System

http://getbootstrap.com/css/


Offsets


Beautiful CSS


Components


Explore Components

http://getbootstrap.com/components/


JavaScript


Explore Bootstrap JS

http://getbootstrap.com/javascript/


JavaScript Warning