BootStrap .row-cols 類的用法

 

 

 

<div class="container">
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col-8">Column</div>
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

 

row-cols-2的意思是把每行當作2等分處理，沒有定義列數的行默認占據12/2=6列，比如第一列；

定義了列數的列按照定義的數量占據列數，每一行總列數12，超過12的列另作一行顯示，比如第二列。