cdTest cdTest - 3 months ago 26
HTML Question

dl(detail list) not working in bootstrap 4

dl list view not working in bootstrap 4 same as it does in bootstrap 3

HTML:

<section class="landing">
<div class="container">
<dl class="dl-horizontal">
<dt>col1</dt>
<dd>col2</dd>
</dl>
</div>
</section>

Answer

That class has been removed from Bootstrap in V4.

From the Migration documents of Bootstrap 4

.dl-horizontal has been dropped. Instead, use .row on <dl> and use grid column classes (or mixins) on its <dt> and <dd> children.