Użyj case z listą definicji HTML i uruchom z bootstrapem

Question

Używam listy definicji (dl, dd, dt) do renderowania strony widoku (szczegóły encji). Czy lista opisów nie nadaje się do użycia?

Podczas korzystania z funkcją bootstrap na Twitterze, gdy <dd></dd> jest pusta, cała zawartość przesuwa się do góry. Niepożądane jest pokazywanie szczegółów obiektu, który może zawierać pewne właściwości puste.

proszę zobaczyć skrzypce tutaj http://jsfiddle.net/cPwHr/

Czy to błąd? jak mogę temu zapobiec. Czy powinienem użyć normalnej listy (ul, li ..) lub tabeli.

Answer 1

Możesz po prostu użyć spacji nierozdzielającej, jeśli nie masz definicji zamiast pozostawiać ją pustą. W ten sposób wszystkie reguły CSS będą nadal stosowane zgodnie z oczekiwaniami.

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

Answer 2

Można również użyć tego stylu ręczne:

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

Odpowiedź @ Gael-marziou, zobacz ten wątek: Prevent Twitter bootstrap empty <dd> filling with next <dd> value