我有一个使用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">
解决方法
这将针对您:(仅对主div内的元素进行更改)
#main> .col-md-6 {padding-right:0; padding-left:0;}