Bootstrap網格系統：不包含數字的列類

Question

爲什麼我可以使用不包含cols數的引導類類，以及它是如何解釋的？例如。在代碼片段中

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

第二個內部div使用col類，這些類在尺寸上對應於第一個內部div的col類。這是什麼意思？

Answer 1

據我所知col類已引入Bootstrap 4.此類可行，因爲Bootstrap 4使用display:flex來佈局內容而不是經典float:left。使用flexbox，您不必爲每列明確定義寬度。如果.row包含兩個cols，則cols佔據.row的寬度的50％，如果三個寬度等於33.3333％寬度等等。查看關於CSS Tricks的優秀文章，詳細瞭解flexbox。