bootstrap的栅格划分和”属性row"的相关性

bootstrap的栅格划分一般采用默认的12个栅格的方式,一般代码如下:

<div class="container">
<ul class="row">
<li></li>
<li></li>
<li></li>
</ul>
</div>

如果在container和row之间定义了宽度,则以此处定义的宽度来划分栅格,代码如下:

<div class="container">
<section style="width:calc(100% - 150px);">
<ul class="row">
<li></li>
<li></li>
<li></li>
</ul>
</section>
</div>

这种情况下,如果给li元素赋予col-4,则li元素形成的栅格是以“100%-150px”之后的新宽度来划分栅格的。

给TA打赏
共{{data.count}}人
人已打赏
bootstrap

bootstrap4修改默认轮播时间间隔的方法

2021-9-30 10:45:11

IT百科

使用QQ截图保存的文件,去掉文件名称中”QQ截图“字符

2021-2-12 10:50:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索