默认的Bootstrap网格系统使用12列,每个跨度具有30px
如下所示的装订线.排水沟是列之间的空白区域.排水沟宽度似乎介于20px
- 30px
.我们假设它在30px
这里.
我想删除特定的装订线空间div
,以便排中没有排水沟空间.每个跨度将彼此相邻,没有排水沟.
问题是如果我删除30px
它在行尾留下的边距(沟槽)360px
(12*30px
).
鉴于我只想删除特定的天沟空间div
.让我们假设它是在div
s中的s main_content
div
.
div#main_content div{
/*
no gutter for the divs in main_content
*/
}
Run Code Online (Sandbox Code Playgroud)
如何在div
不失去Bootstrap响应性且不在行尾留空间的情况下删除特定的装订线?
我不知道如何以正确的方式做到这一点,但我怎样才能删除列之间的30px排水沟?但没有边距左:-30px设置.
<div class='container'>
<div class='row'>
<div class='col-lg-1'></div>
<div class='col-lg-1'></div>
<div class='col-lg-1'></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)