• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何在bootstrap中实现此网格?

wordpress 来源:Foisal Mehedi 3次浏览

bootstrap中的列定义是什么使之成为这种UI?如何在bootstrap中实现此网格?

example

我使用woocommerce来处理我的商店和bootstrap4网格。

===========解决方案如下:

随着这是有据可查的,你可以用以下的例子来实现你的引导版本,例如

<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


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)