Twitterのブートストラップヘルプブロックにマージンを追加する方法は？

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 または、独自のIDを提供します。

また、最初のプロパティにのみプロパティを追加することもできます .help-block nth-childセレクターを使用します。ただし、これはIE8以下ではサポートされていません。

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