将按钮分组成行，一个按钮间距为两行

Question

如何使用 Bootstrap(

特别是 Bootstrap 4(对按钮进行分组，以便如果我有几行/几行按钮，其中一个按钮将同时占据两行？就像在计算器或键盘的数字键盘上一样，Enter占据了两行，如下所示：

[1] [2] [3] [E]
[  0  ] [.] [n]

我很确定有一个简单的方法可以做到这一点，但我找不到它。

上。看到之前的回答尝试后，我最好添加一张图片

Answer 1

试试这个：

<div class="row">
    <div class="col-9">
        <div class="row">
            <div class="col-4">
                 <button class="btn btn-primary btn-block">1</button>
            </div>
            <div class="col-4">
                 <button class="btn btn-primary btn-block">2</button>
            </div>
            <div class="col-4">
                 <button class="btn btn-primary btn-block">3</button>
            </div>
        </div>
        <div class="row mt-2">
            <div class="col-8">
                 <button class="btn btn-primary btn-block">0</button>
            </div>
            <div class="col-4">
                 <button class="btn btn-primary btn-block">.</button>
            </div>
        </div>
    </div>
    <div class="col-3">
        <button class="btn btn-primary btn-block">Enter</button>
    </div>
</div>

更新