Caso de uso de la lista de definición HTML, y problema con bootstrap

Question

Uso la lista de definiciones (dl, dd, dt) para visualizar la página (detalles de una entidad). ¿La lista de Descripción no es buena para este uso?

Cuando se utiliza con Twitter bootstrap, cuando <dd></dd> está vacío, todos los contenidos se desplazan hacia arriba. Esto no es deseable para mostrar detalles de un objeto, que puede contener algunas propiedades vacías.

Por favor ver el violín aquí http://jsfiddle.net/cPwHr/

Es esto un error? como puedo prevenirlo O debería usar la lista normal (ul, li ..) o la tabla.

Answer 1

Puede utilizar un espacio sin interrupciones si no tiene una definición en lugar de dejarla en blanco. De esta forma, todas las reglas de css se seguirán aplicando como se esperaba.

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

Answer 2

También puede utilizar este estilo alternativo:

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

respuesta por @ Gael-marziou, consulte este tema: Prevent Twitter bootstrap empty <dd> filling with next <dd> value