如何为 Twitter 的 Bootstrap 帮助块添加边距？

【问题标题】：How to add margin for Twitter's Bootstrap help-block?如何为 Twitter 的 Bootstrap 帮助块添加边距？
【发布时间】：2012-02-19 01:58:00
【问题描述】：

当help-block样式用在fieldset的末尾时，看起来还不错，但是在顶部使用时，看起来底部没有足够的边距-请参阅demo。

我尝试使用以下 CSS：

.help-block .top {
  margin-bottom: 5px;    
}

但没用。

【问题讨论】：

【解决方案1】：

您正在尝试在.help-block 内的.top 元素上设置一个margin-bottom

这意味着它正在寻找类似于以下的结构：

<div class="help-block">
  <div class="top">
  </div>
</div>

您需要将样式应用于实际元素。要么.top.help-block要么给它自己的ID。

您还可以使用第 n 个子选择器专门将属性仅添加到第一个 .help-block。但是 IE8 或更低版本不支持此功能。

【讨论】：