HTML 정의 목록의 사용 사례 및 부트 스트랩 문제

Question

정의 목록 (dl, dd, dt)을 사용하여보기 페이지 (엔티티의 세부 정보)를 렌더링합니다. 설명 목록이이 유스 케이스에 좋지 않습니까?

트위터 부트 스트랩과 함께 사용하면 <dd></dd>이 비어 있으면 모든 컨텐츠가 맨 위로 이동합니다. 이는 일부 속성이 비어있을 수있는 객체의 세부 정보를 표시하는 것은 바람직하지 않습니다.

여기에 바이올린 http://jsfiddle.net/cPwHr/

이 버그인가요?를 참조하십시오 나는 그것을 어떻게 막을 수 있는가? 아니면 일반 목록 (ul, li ..) 또는 표를 사용해야합니까?

Answer 1

비워 두지 않고 정의가없는 경우 비공개 공간 만 사용할 수 있습니다. 그런 식으로 모든 CSS 규칙이 예상대로 적용됩니다.

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

Answer 2

또한이 스타일 오버라이드 사용할 수 있습니다,이 스레드를 참조 @의 가엘-marziou에 의해

이

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

답변 :이의 가능한 중복 Prevent Twitter bootstrap empty <dd> filling with next <dd> value