html - HTML 定义列表的用例，以及引导程序的问题

Question

我使用定义列表 (dl, dd, dt) 来呈现视图页面（实体的详细信息）。描述列表不适合这个用例吗？

与 Twitter 引导程序一起使用时，如果 <dd></dd>为空，则所有内容都移到顶部。不希望显示对象的详细信息，该对象可能包含一些空属性。

请在此处查看小提琴http://jsfiddle.net/cPwHr/

这是一个错误吗？我该如何防止它。或者我应该使用普通列表（ul，li ..）还是表格。

Answer 1

如果您没有定义而不是将其留空，则可以只使用不间断空格。这样所有的 css 规则仍将按预期应用。

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

Answer 2

您还可以使用此样式覆盖：

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

由@gael-marziou 回答，请参阅此线程：防止 Twitter 引导空 <dd> 填充下一个 <dd> 值