如何在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