防止Twitter引导空<dd>填充下一个</dd> <dd>值</dd>

Question

你好CSS大师，

我喜欢twitter bootstrap，我正在基于它进行大量项目的原型设计，我遇到了这个问题，如果dd标签内部没有HTML，另一个dd取而代之，我明白为什么会发生这种情况，由于dl的样式，它允许dd扩展到多行，如果内容需要，我不想打破这个可爱的样式，我只是想修改它，所以如果dd值为空，它只是不会崩溃，所以在我做任何疯狂的事情，如服务器端隐藏空值，或修改原始行为，甚至添加jQuery，我想知道是否有人可以帮助，这是一张图片，以进一步说明我是什么我说，它是RTL所以dt在右边。

Answer 1

我使用了这种风格覆盖。

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

Answer 2

根据developer，<dd>永远不应为空（我不同意）。

我认为他更喜欢用户将clearfix类添加到可能为空的<dd>中。

<dd class="clearfix"></dd>

<强>更新

此修复程序包含在3.2之后，请参阅release note。

Answer 3

如果我正确解释this commit，这将是3.0.0中的默认行为。在此之前，您还可以尝试添加dl-horizontal作为clearfix的替代方案。

<dd class="dl-horizontal"></dd>

Answer 4

示例：

<dd><%= @route.id %>&nbsp;</dd>

http://www.sitepoint.com/forums/showthread.php?442551-When-dd-%28in-a-definition-list%29-is-empty-below-content-is-pulled-upwards

Answer 5

也许你可以试试这个：

dd {
    display: inline-block;
}