Bootstrap网格系统：没有数字的列类

Question

为什么我可以在没有cols数量的情况下使用bootstrap col类，这是如何解释的？例如。在摘录中

<div class="row row-header">
  <div class="col-12 col-sm-8">
  </div>
  <div class="col col-sm align-self-center">
  </div>
</div>

第二个内部div使用与第一个内部div的col类相对应的col类。这是什么意思？

Answer 1

据我所知，在引导程序4中引入了col类。这个类是有效的，因为Bootstrap 4使用display:flex来布局内容而不是经典float:left。使用flexbox，您不必为每列明确定义宽度。如果.row包含两个col s，则col占据.row宽度的50％，如果三个col s则为33.3333％宽度，那么上。查看CSS Tricks上的这篇优秀文章，详细了解flexbox。