删除 col-md-6 Bootstrap 上的左/右填充

Question

我有一个使用 Bootstrap 的站点，但我想仅覆盖列 col-md-6 上的左右填充（将它们设置为 0px）。不知道该怎么做，我目前的设置是……

CSS

 .fix-gutters > [class^="col-"],
.fix-gutters > [class*=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}

并将其应用于

<div id="main" class="row fix-gutters">

    .... <div class="col-md-6"> ... etc.

但是 col-md-6 有时会被 col-md-12 div 替换（Wordpress 循环），如果是这种情况，我不希望应用 .fix-gutters。

注意：我需要覆盖发生在与 col-md-6 命令相同的级别。例子

<div class="col-md-6 overide-class">

原文由 user3550879 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这将为您定位它们：（只会更改 main div 中的元素）

#main > .col-md-6{padding-right: 0; padding-left: 0;}

原文由 Adam Buchanan Smith 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果 你想添加另一个类，只需添加一个名为 no-padding 的类。

然后，在您的 CSS 中添加：

 .no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

或者这不是你的意思？

原文由 David 发布，翻译遵循 CC BY-SA 3.0 许可协议