html - 垂直合并 Bootstrap 中的列

Question

我只是想垂直加入 Bootstrap 中的两列。这是代码：

<div class="container">
    <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6">
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6">
        </div>
    </div>
</div>

这是我的意思的说明：

标签： htmlbootstrap-4

Answer 1

你可以这样做

    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-12">
                        1
                    </div>
                    <div class="col-md-12">
                        2
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                3
            </div>
        </div>
    </div>