htmlcsstwitter-bootstraptwitter-bootstrap-4bootstrap-4

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

  • 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.