如何删除引导中列之间的边沟（间距）？

作者

如何移除柱之间的30px排水沟？但是没有设置左边距：-30px

&lt；div class='container'&gt；
&lt；div class='row'&gt；
&lt；分区class='col-lg-1'&gt&lt/部门&gt；
&lt；分区class='col-lg-1'&gt&lt/部门&gt；
&lt；分区class='col-lg-1'&gt&lt/部门&gt；
&lt/部门&gt；
&lt/部门&gt；

更新2021

Bootstrap 5the。没有任何排水沟类已替换为.g-0。在.row中不需要列间距的位置使用它

Bootstrap 5还有新的檐槽类，专门设计用于调整整行的檐槽。可以对每个断点响应地使用檐槽类（即：gx-sm-4）

  • 使用g-0无排水沟
  • 使用g-（1-5）调整水平和；通过间距单位的垂直排水沟
  • 使用gy-*调整垂直排水沟
  • 使用gx-*调整水平排水沟

bootstrap4现在包含了一个。没有可以添加到行中的排水沟类

&lt；div class=&quot；“世界其他地区无排水沟”&燃气轮机；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt/部门&gt；

引导程序4：http://codeply.com/go/OBW3RK1ErD

Bootstrap 3.4.0+檐槽是使用填充创建的，但它们添加了一个。行无檐槽类。请参阅Bootstrap 3.4的文档，并查找“删除排水沟”

您可以使用的HTML：

&lt；div class=&quot；“世界其他地区无排水沟”&燃气轮机；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt；div class=&quot；col&quot&燃气轮机；x&lt/部门&gt；
&lt/部门&gt；

引导3+，&lt；=3.3.9排水沟是使用填充物创建的。还必须调整负边距，以便不影响外柱周围的间距

。无边沟{
右边距：0；
左边距：0；
}
.无排水沟&gt；[类别*=“列-”]{
右边填充：0；
左侧填充：0；
}

只需将无边沟类添加到行

演示：http://bootply.com/107458

相关文章：

  1. 如何使浮动元素居中？
  2. 用于Firefox的自定义CSS滚动条
  3. 大纲对文本的影响
  4. 如何调整单个flexbox项（覆盖调整内容）[重复]

发表评论

© 2026 开发百科-程序代码问答平台 • Built with