網格

實例

    <style>
      .show-grid {
          margin-bottom: 15px;
      }

      .show-grid [class^=col-] {
          padding-top: 10px;
          padding-bottom: 10px;
          background-color: #eee;
          background-color: rgba(86,61,124,.15);
          border: 1px solid #ddd;
          border: 1px solid rgba(86,61,124,.2);
      }
    </style>

    <div  class= "container-fluid">
      <div  class= "row  show-grid" >
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1 " > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md -1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
        <div  class= "col-md-1" > .col-md-1 </div>
      </div>
      <div  class= "row show-grid" >
        <div  class= "col-md-8" > .col-md -8 </div>
        <div  class= "col-md-4" > .col-md-4 </div>
      </div>
      <div  class= "row show-grid" >
        <div  class= "col-md-4 " > .col-md-4 </div>
        <div  class= "col-md-4" > .col-md-4 </div>
        <div  class= "col-md-4" > .col-md -4 </div>
      </div>
      <div  class= "row show-grid" >
        <div  class= "col-md-6" > .col-md-6 </div>
        <div  class= "col-md-6 " > .col-md-6 </div>
      </div>
    </div>

範例

<div  class= "container-fluid">
  <div  class= "row" >
      <div class="col-md-offset-2 col-md-8">
      </div>
  </div>
</div>

```