默认的Bootstrap网格系统使用12列,每个跨度具有30px如下所示的装订线.排水沟是列之间的空白区域.排水沟宽度似乎介于20px- 30px.我们假设它在30px这里.

我想删除特定的装订线空间div,以便排中没有排水沟空间.每个跨度将彼此相邻,没有排水沟.
问题是如果我删除30px它在行尾留下的边距(沟槽)360px(12*30px).
鉴于我只想删除特定的天沟空间div.让我们假设它是在divs中的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)