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”之后的新宽度来划分栅格的。

人已赞赏
bootstrap

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

2021-9-30 10:45:11

行业动态

OPPO宣布将进军英国、土耳其和波兰市场

2021-1-2 9:10:59

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