布局(Layout)

• ---

  布局(Layout)

• 容器(Containers)

• <div class="container">          <div class="container-fluid ">  //可以撑满整个屏幕（可惜右边有点点没占满）
    <!-- Content here -->            <!-- Content here -->
  </div>                           </div>

• 

 

• 网格系统(Grid system)

<div class="container">　　
  <div class="row">　　　　//定义行
    <div class="col">     //列：这里每行3列，且等分
      One of three columns
    </div>
    <div class="col">
      One of three columns
    </div>
    <div class="co">
      One of three columns
    </div>
  </div>
</div>
//如何是class="col-9"  说明这列在改行中占了9/12（十二分之九） 除非接着的列占的格数小于等于3(i<=3)可以并排排列，否则会自动排在下一行
//.col-      Extra small 额外的小
//.col-sm    Small  小
//.col-md    Medium 中

//.col-lg    Large  大
//.col-xl    Extra large 额外的大
这些后面可以在接数字代表所占的格数；记住每行数字所加之和要不能超过12，否则会在超过的那列起放到下行。