Запретить загрузочный загрузочный твит Twitter <dd> с последующим значением <dd>

Привет, гуру CSS,

Мне нравится twitter bootstrap, и я прототипирую много проектов на основе этого, я столкнулся с этой проблемой, где, если в теге dd нет HTML-кода внутри него, другой dd занимает его место, я понимаю, почему это происходит, из-за того, как стиль dl стилизован, он позволяет dd расширяться до более чем одной строки, если содержимое необходимо, я не хочу нарушать этот прекрасный стиль, я просто хочу его изменить, так что если значение dd пустое, он просто не рухнет, поэтому, прежде чем я сделаю что-нибудь сумасшедшее здесь, как серверная сторона, чтобы скрыть пустые значения или изменить первоначальное поведение или даже добавить jQuery, я хотел знать, может ли кто-нибудь помочь, это изображение, чтобы проиллюстрировать далее, что я я говорю, это RTL, так что dt находится справа.

Ответы

Ответ 1

Я использовал этот стиль переопределения.

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

Ответ 2

В соответствии с разработчиком <dd> никогда не должен быть пустым (что я не согласен).

И я думаю, он предпочитает, чтобы пользователи добавляли класс clearfix в <dd>, который может быть пустым.

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

Обновление

Это исправление включено после 3.2, см. примечание к выпуску.

Ответ 3

Если я правильно интерпретирую эту фиксацию, это будет поведение по умолчанию в 3.0.0. До тех пор вы также можете попробовать добавить dl-horizontal в качестве альтернативы просто clearfix.

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

Ответ 5

Возможно, вы можете попробовать именно это:

dd {
    display: inline-block;
}