我一直在使用 Bootstrap 3 构建一个 Web 应用程序。在其中，我使用面板对用户元素进行分组 - 显示数据、简单的编辑表单等。
我会使用dl带有标签的 adt和值作为dd。同样，我会使用标签与字段内联的表单
<div class="panel-body">
<dl class="dl-horizontal">
<dt>Name</dt>
<dd>Value</dd>
</dl>
</div>
我可以dl-horizontal在面板内正常使用。
然而现在，Bootstrap 4 的面板都变成了卡片，dl-horizontal类似乎没有任何效果。
<div class="card-body">
<div class="card-text">
<dl class="dl-horizontal">
<dt>Name</dt>
<dd>Value</dd>
</dl>
</div>
</div>
更新删除了对表单的引用。我最初也有问题form-horizontal，Bootstrap4 以不同的方式处理水平表单
要获得完全响应的行为，请使用：
<div class="card-body">
<div class="card-text">
<dl class="row">
<dt class="col-sm-3 text-md-right">Name</dt>
<dd class="col-sm-9">Value</dd>
</dl>
</div>
</div>
因为在 Bootstrap 3 中，dl-horizontal该类仅适用于 sm+ 屏幕，并且它<dt>向右对齐。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句