<div class="bs-docs-section">
  <h1 id="grid" class="page-header">Grid system</h1>

  <p class="lead">Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes <a href="#grid-example-basic">predefined classes</a> for easy layout options, as well as powerful <a href="#grid-less">mixins for generating more semantic layouts</a>.</p>

  <h2 id="grid-intro">Introduction</h2>
  <p>Grid systems are used for creat