Bootstrap 3中的列填充问题

Question

如果我使用bootstrap列，通常会将padding-left和padding-right属性设置为15像素。

<div class="row">
  <div class="col-md-12">
  </div>
</div>

然而，当我添加额外的类时，填充变得越过，并且不可用。如何取回它？

CSS

.alert {
  margin: 0 20px;
}

HTML

<div class="row">
  <div class="col-md-12 alert">
  </div>
</div>

Answer 1

亚历山大，正如Yeldar之前提到的那样，警报是一个bootstrap类，并且覆盖了 col-md-12 类但的padding-left，padding-right属性。检查，在bootstrap.min.css 3.3中，.alert类的padding属性设置为15 px本身。

.alert{ padding:15px;
        margin-bottom:20px;
        border:1px solid transparent;
        border-radius:4px}

我用bootstrap v3.3.5 css文件（bootstrap.min.css）检查了它。

所以，你的div正在返回填充：来自警告类的15 px值。 如果使用浏览器检查div元素，即使设置了

<div class="col-md-12 alert">

在＆＃39;将看到所有填充值仍设置为15px。

如果我找到了你的问题并且你的问题与你在div中添加的任何内容（例如

元素）在添加时与屏幕边的距离更远的事实有关警报类，它与您为左右两者设置为20像素的边距值有关。

因为我不能100％确定你想要达到的效果，请告诉我是否可以继续提供帮助。