删除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">

Answer 1

如果要添加另一个类,只需添加一个名为的类no-padding.

然后,在您的CSS中添加:

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

或者这不是你的意思？

Answer 2

这将为您定位它们：（只会对maindiv内的元素进行更改）

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