如何在bootstrap中實現此網格？

Question

bootstrap中的列定義是什麼使之成爲這種UI？

我使用woocommerce來處理我的商店和bootstrap4網格。

Answer 1

隨着這是有據可查的，你可以用以下的例子來實現你的引導版本，例如

<div class="container"> 
    <div class="row"> 
     <div class="col-2"></div> 
     <div class="col-7"> 
      <div class="row"> 
       <div class="col"></div> 
       <div class="col"></div> 
       <div class="col"></div> 
      </div> 
      <div class="row"> 
       <div class="col"></div> 
       <div class="col"></div> 
       <div class="col"></div> 
      </div> 
     </div> 
     <div class="col-3"></div> 
    </div> 
</div> 

的 bootstrap4 grid