bootstrap4网格

Bootstrap 4 网格系统有以下 5 个类:

• .col- 针对所有设备
• .col-sm- 平板 - 屏幕宽度等于或大于 576px
• .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)
• .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)
• .col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)

可以自动等宽分列，比如等分5列（bootstrap3难做到）：

<div class="container-fluid">
    <div class="content">
      <div class="row">
        <div class="col" >aaaa</div>
        <div class="col" >bbbb</div>
        <div class="col" >cccc</div>
        <div class="col" >dddd</div>
        <div class="col" >eeee</div>
      </div>
    </div>
  </div>