DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[Bootstrap] BootStrap .row-cols 类的用法

[复制链接]
admin 发表于 2020-1-7 21:49:17 | 显示全部楼层 |阅读模式
  1. <div class="container">
  2.   <div class="row row-cols-2">
  3.     <div class="col">Column</div>
  4.     <div class="col-8">Column</div>
  5.     <div class="col">Column</div>
  6.     <div class="col">Column</div>
  7.   </div>
  8. </div>
复制代码
row-cols-2的意思是把每行当作2等分处理,没有定义列数的行默认占据12/2=6列,比如第一列;
定义了列数的列按照定义的数量占据列数,每一行总列数12,超过12的列另作一行显示,比如第二列。版本要求:4.4.0
row-cols.png


您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-6-6 15:39 , Processed in 0.059963 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表