dl リスト ビューは、bootstrap 3 と同じように、bootstrap 4 でも動作しません。
HTML:
<section class="landing">
<div class="container">
<dl class="dl-horizontal">
<dt>col1</dt>
<dd>col2</dd>
</dl>
</div>
</section>
ベストアンサー1
私もまったく同じ問題を抱えていましたが、.row
@Paulie_D が提案したクラスを使用して解決しました。
私がやったことは次のとおりです
<section class="landing">
<div class="container">
<dl class="row">
<dt class="col-sm-3">col1</dt>
<dd class="col-sm-9">col2</dd>
</dl>
</div>
</section>
アップデートテキストの右揃えと左揃えを追加することもできます
<section class="landing">
<div class="container">
<dl class="row">
<dt class="col-sm-3 text-right">col1</dt>
<dd class="col-sm-9 text-left">col2</dd>
</dl>
</div>
</section>