我有一个使用 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">
最佳答案
如果您想要添加另一个类,只需添加一个名为no-padding
的类即可。
然后,在您的 CSS 中,添加:
.no-padding {
padding-right: 0 !important;
padding-left: 0 !important;
}
或者这不是你的意思?
关于html - 删除 col-md-6 Bootstrap 上的左/右填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34913215/