html - HTML定義リストのユースケース、およびブートストラップの問題

Question

定義リスト（dl、dd、dt）を使用して、ビューページ（エンティティの詳細）をレンダリングします。説明リストはこのユースケースには適していませんか？

Twitterブートストラップで使用する場合、 <dd></dd>が空の場合、すべてのコンテンツが先頭に移動します。これは、オブジェクトの詳細を表示するのに望ましくありません。オブジェクトには、空のプロパティが含まれている場合があります。

こちらのフィドルをご覧くださいhttp://jsfiddle.net/cPwHr/

これはバグですか？どうすればそれを防ぐことができますか。または、通常のリスト（ul、li ..）またはテーブルを使用する必要があります。

score 6 · Accepted Answer

このスタイルオーバーライドを使用することもできます。

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

score 6 · Accepted Answer

定義がない場合は、空のままにするのではなく、改行なしのスペースを使用できます。そうすれば、すべての CSS ルールが期待どおりに適用されます。

        <dt>Description lists</dt>
        <dd>&nbsp;</dd>

2 に答える 2