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

前端之家收集整理的这篇文章主要介绍了html – 删除col-md-6 Bootstrap上的左/右填充前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用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;}

原文链接:https://www.f2er.com/html/225049.html

猜你在找的HTML相关文章