Bootstrap---Fluid layout 流布局

      流布局是一种适应屏幕的作法。即不固定块的宽度，而是采用百分比做为单位来肯定每一块的宽度。这种布局很是适合一次编写，而后自适应各类不一样大小的屏幕（手机，PAD，电脑…）。

<div class="Container-fluid">

  <div class="row-fluid">

    <div class="span4">

    </div>

    <div class="span8">

    </div> 

  </div> 

</div>

       按顺序添加这几个类。最外面包含块有 container-fluid类，代表内容布局是流布局，其主要做用是做为一个包含块来容纳流布局内容。里面包含块的内容有 row-fluid类（很是重要），决定是不是流布局。而后里面的内容块代码编写与网格系统一致，依然是从span1到span12，分别对应于不一样的百分比。