Grid Layout

Bootstrap uses a grid system to control layout and adapt to screen size.

  • Bootstrap offers fixed and fluid containers to wrap the grid
  • Viewport Meta for Screen Detection
  • The grid consists of
    • Rows
    • Cols (up to 12 cols in a row)

The Workshop Grid

image of the site
image of grid layout for site
image of rows in the grid layout for site

Resources

Demo Website

Workshop Presenter

Roy Degler
Roy Degler is a librarian in the Digital Library Services Division at Oklahoma State University. His academic and professional interests include creative technological solutions in the library, online education and reference service. In addition to his computer and information knowledge, he is an avid foosball player.

My Links

© Roy Degler 2013-