BootStrap栅格布局

在项目中使用BootStrap的第一步该怎么做呢？首先，你需要弄清楚一个问题——栅格布局。

BootStrap栅格布局是灵活使用BootStrap的基础。BootStrap将屏幕分为12等分，在具体的DIV中，可以通过设置DIV的所占等分的数字确定其在屏幕中占有的宽度。如：

    <div class="row“><!--表示另起一行-->
      <div class="col-md-8" style="border:1px solid black;height:100px;"></div>
      <div class="col-md-4" style="border:1px solid black;height:100px;"></div>
  </div>

在第一个DIV中class="col-md-8",第二个DIV中class="col-md-4", 其中‘8’和‘4’就是其DIV所占屏幕宽度的数值，加在一起等于‘12’。也就是第一个DIV占整个屏幕宽度的‘8/12’,第二个DIV占‘4/12’。 注：在上述代码中为了突显区块，我们设置了DIV的边框宽度为1像素黑色实线，高度设为100像素。