有没有一种简单的方法将列添加到Bootstrap水平定义列表？

Question

我正在寻找办法：

dt content | dd content | additional column

dl-horizo​​ntal是否可以实现？或者我需要更改为div？

Answer 1

假设您的附加列是术语定义的一部分，您可以在<dd>内嵌入包含列的行，如下所示：

<dd>
    <div class="row">
        <div class="col-xs-6">dd content</div>
        <div class="col-xs-6">additional column</div>
    </div>
</dd>

这将为您提供两个相同的列，不会在小屏幕上崩溃。如果您希望在小屏幕上的dd内容下方显示其他列，请将xs更改为sm或md。