使用HTML定义列表的例子,并发出bootstrap问题

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>值