Wie füge ich den Rand für Twitters Bootstrap-Help-Block hinzu?

Question

Wann help-block Stil wird am Ende von verwendet fieldset, Dann sieht es gut aus, aber wenn es oben verwendet wird, sieht es am Ende nicht aus, dass es keinen Vorsprung gibt - siehe bitte siehe Demo.

Ich habe versucht, das folgende CSS zu verwenden:

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

Aber es hilft nicht.

Answer 1

Sie versuchen, einen Randboden auf dem festzulegen .top Element innerhalb .help-block

Das heißt, es sucht nach einer ähnlichen Struktur wie folgt:

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

Sie müssen den Stil auf das tatsächliche Element anwenden. Entweder .top .help-block Oder geben Sie ihm einen eigenen Ausweis.

Sie können auch speziell eine Eigenschaft nur zu der ersten hinzufügen .help-block durch Verwendung eines N-ten-Kind-Selektors. Dies wird jedoch nicht in IE8 oder unten unterstützt.

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