Get Bootstrap Crazy with Book Modules

How to ...

BS Layout - FlexGrid

HTML CODE:
<div class="atto_bsgrid container-fluid">
  <div class="row-fluid">
    <div class="col-md-3 span3">
      <div class="p-3 mb-2 bg-primary text-white"></div>
    </div>
    <div class="col-md-3 span3">
      <div class="p-3 mb-2 bg-warning text-white"></div>
    </div>
    <div class="col-md-3 span3">
      <div class="p-3 mb-2 bg-secondary text-white"></div>
    </div>
    <div class="col-md-3 span3">
      <div class="p-3 mb-2 bg-primary text-white"></div>
    </div>
  </div>
</div>
<div class="atto_bsgrid container-fluid">
  <div class="row-fluid">
    <div class="col-md-6 span6">
      <div class="p-3 mb-2 bg-warning text-white"></div>
    </div>
    <div class="col-md-2 span2">
      <div class="p-3 mb-2 bg-primary text-white"></div>
    </div>
    <div class="col-md-2 span2">
      <div class="p-3 mb-2 bg-secondary text-white"></div>
    </div>
    <div class="col-md-2 span2">
      <div class="p-3 mb-2 bg-warning text-white"></div>
    </div>
  </div>
</div>
<div class="atto_bsgrid container-fluid">
  <div class="row-fluid">
    <div class="col-md-3 span3">
      <div class="p-3 mb-2 bg-secondary text-white"></div>
    </div>
    <div class="col-md-9 span9">
      <div class="p-3 mb-2 bg-primary text-white"></div>
    </div>
  </div>
</div>