В Bootstrap4 пустая <dd>сворачивает высоту строки для соответствующей <dt>

Question

Итак, я вижу, что эта ошибка имела предыдущую болтовню на

предотвратить-твиттер-самозагрузки-пусто-дд-фасовочно-с-следующего-ДД-значение

и что разработчик ранее сказал, что это не будет исправлено, но ...

Как показано, пустые поля адреса приводят к тому, что поля между метками сворачиваются. Он создается с помощью шаблона Django с:

<dl class="row">
      <dt class="col-sm-3">Address 1:</dt><dd class="col-sm-9">{{ client.address1|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Address 2:</dt><dd class="col-sm-9">{{ client.address2|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Town:</dt><dd class="col-sm-9">{{ client.town|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">County:</dt><dd class="col-sm-9">{{ client.county|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Postcode:</dt><dd class="col-sm-9">{{ client.postcode|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Telephone1:</dt><dd class="col-sm-9">{{ client.telephone1|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Telephone2:</dt><dd class="col-sm-9">{{ client.telephone2|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Email:</dt><dd class="col-sm-9">{{ client.email|default_if_none:"&nbsp;" }}</dd>
</dl>

Примечание: я попытался форсировать пробел, чтобы создать линию. Я бы подумал, что межстрочный интервал был бы установлен dt, который, как я понимаю, должен существовать всегда и никогда не должен быть пустым?

Answer 1

Так что мне удалось это исправить, хотя это похоже на взлом, и я удивлен, что Bootstrap не контролирует это.Используя ответ выше (который я ранее пробовал вариант) я получил:

dd.col-sm-9 {
    min-height: 25px;
}

, потому что аккуратное объявление dd приводит к:

Answer 2

Просто установите min-height для каждого dd элемента, например:

dd {
 min-height: 25px;
}