码迷,mamicode.com
首页 > 其他好文 > 详细

BootStrap .row-cols 类的用法

时间:2021-01-04 11:19:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:logs   意思   container   rap   用法   img   code   https   tps   

技术图片

<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的列另作一行显示,比如第二列。

BootStrap .row-cols 类的用法

标签:logs   意思   container   rap   用法   img   code   https   tps   

原文地址:https://www.cnblogs.com/lz1473/p/14216884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!