Bootstrap Grid 不适合一行中的 div答案

【问题标题】：Bootstrap Grid does not fit divs in one lineBootstrap Grid 不适合一行中的 div
【发布时间】：2020-02-16 19:41:23
【问题描述】：

我不明白为什么this 不起作用。有 12 列，但它只适用于 11

HTML

<section>
    <div class="container">
        <div class="row">

            <div class="advantages col-12">
                <div class="col-4">one</div>
                <div class="col-4">two</div>
                <div class="col-4">three</div>
            </div>

        </div>
    </div>
</section>

SASS

.advantages
    text-align: center
    div
        display: inline-block

【问题讨论】：

标签： html sass bootstrap-4

【解决方案1】：

这是@Jay Kariesch 所说的，但您也可以将advantages 保留在与行相同的 div 中，如下所示：

<div class="advantages row">

这样你就可以让 advantages 类为里面的所有 div 工作。

【讨论】：

【解决方案2】：

您应该删除 col-12 并让 col-4 位于 .row 中。列之前必须紧跟一行。

由于 4+4+4 = 12，您不必定义之前的 col-12，也不必为 inline-block 设置任何内容。

【讨论】：