Как добавить маржу для Bootstrap Bootstrap Bootstrap Block?

Question

Когда help-block стиль используется в конце fieldset, тогда он выглядит хорошо, но при использовании сверху, похоже, внизу не хватает маржи - пожалуйста, смотрите демо.

Я пытался использовать следующий CSS:

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

Но это не помогает.

Answer 1

Вы пытаетесь установить маржинальный блок на .top элемент внутри .help-block

Это означает, что он ищет структуру, похожую на следующее:

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

Вам нужно применить стиль к фактическому элементу. Либо .top .help-block или дайте ему свой собственный удостоверение личности.

Вы также можете специально добавить свойство только к первым .help-block используя селектор NTH-Child. Однако это не поддерживается в IE8 или ниже.

http://jsfiddle.net/ygupt/1/