Anwendungsfall der HTML-Definitionsliste und Ausgabe mit Bootstrap

Question

Ich verwende Definitionsliste (dl, dd, dt), um Ansichtsseite (Details einer Entität) zu rendern. Sind die Beschreibungen für diesen Anwendungsfall nicht gut?

Bei Verwendung mit Twitter Bootstrap, wenn <dd></dd> leer ist, verschiebt sich der gesamte Inhalt nach oben. Dies ist unerwünscht, um Details eines Objekts anzuzeigen, das einige leere Eigenschaften enthalten kann.

Bitte beachten Sie die Geige hier http://jsfiddle.net/cPwHr/

Ist das ein Fehler? Wie kann ich das verhindern? Oder sollte ich normale Liste (ul, li ..) oder Tabelle verwenden.

Answer 1

Sie können einfach ein geschütztes Leerzeichen verwenden, wenn Sie keine Definition haben, anstatt sie leer zu lassen. Auf diese Weise werden alle CSS-Regeln immer noch wie erwartet angewendet.

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

Answer 2

Sie können auch diese Art Überschreibung verwenden:

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

Antwort von @ gael-marziou finden Sie in diesem Thread: Prevent Twitter bootstrap empty <dd> filling with next <dd> value