相关疑难解决方法(0)

仅删除特定div的装订线空间

默认的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响应性且不在行尾留空间的情况下删除特定的装订线?

css twitter-bootstrap bootstrap-4

66
推荐指数
3
解决办法
11万
查看次数

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)

twitter-bootstrap twitter-bootstrap-3 bootstrap-4

23
推荐指数
2
解决办法
5万
查看次数