防止Twitterのは、私はTwitterのブートストラップを愛し、私はそれに基づいて、多くのプロジェクトのプロトタイプを作成しています、そこ

Question

こんにちはCSSの達人次

値を充填

を空

をブートストラップ、私はどこかのDD、この問題が発生しましたタグにはHTMLがありません。別のddがそれを取ります。これがなぜ起こっているのか理解しています。なぜなら、dlのスタイルは、ddが複数の行に展開できるためです。この素敵なスタイリングを壊すために、私はちょうどそれを変更したいので、ddの値が空の場合、それはちょうど崩壊しないので、私は空の値を隠すために、 jQuery、私は誰も助けることができるかどうかを知りたがっています。これは、私が言っているのはRTLなので、DTは右です。

Answer 1

私はこのスタイルのオーバーライドを使用していました。

.dl-horizontal > dd:after { 
    display: table; 
    content: ""; 
    clear: both; 
} 

Answer 2

developerによると、<dd>は（私が反対している）は空になることはありません。

私はclearfixクラスを空の可能性がある<dd>に追加することをユーザーに推奨していると思います。

<dd class="clearfix"></dd>

更新

この修正は、3.2の後に含まれ、release noteを参照してください。

Answer 3

私がthis commitを正しく解釈している場合、これは3.0.0のデフォルトの動作になります。それまではclearfixの代わりにdl-horizontalを追加することもできます。

<dd class="dl-horizontal"></dd> 

Answer 4

例：

<dd><%= @route.id %>&nbsp;</dd> 

http://www.sitepoint.com/forums/showthread.php?442551-When-dd-%28in-a-definition-list%29-is-empty-below-content-is-pulled-upwards

Answer 5

たぶん、あなたはちょうどそれを試すことができます。

dd { 
    display: inline-block; 
}