使用Bootstrap 4网格系统

Question

所以我正在努力实现以下目标：

例如，我知道我可以简单地创建3个等宽的col-md-4列，并以偏移量添加Basic Card 4，但我不希望那样。因此，如果Basic Card 1具有更多内容，则Basic Card 4将向下移动，并且右侧的卡之间将有间距。

我有以下代码，但我不明白为什么这样显示：

Card 2 and 3应该彼此相邻。任何人都可以解释为什么它会这样吗？我只想了解它。当然，如果我要解决的话，一定要：）

<div class="row">

    <div class="col-md-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    Basic card 1
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    Basic card 2
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    Basic card 3
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    Basic card 4
                </div>
            </div>
        </div>
    </div>

</div>

Answer 1

像这样解决它：

print(self.field_object)