最近，我开始在自己的网站上创建一个管理页面，以编辑多个小表（1-5个条目）。它们全部显示在一页上，并且表嵌套在div中，如下所示：

<div class="row">
    <div class="col-xs-12 col-sm-4 col-md-4">
        <!--table 1-->
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4">
        <!--table 2-->
    </div>
    ...
</div>

更新

我只是随机发现了一种实现第一个所需变体的可能性：您只需为每列定义一个div并将所有元素（在本例中为表格）放在其中，这样它们就不会相互依赖。

像这样：

<div class="row">
    <div class="col-xs-12 col-sm-4 col-md-4">
        <!--table 1-->
        <!--table 4-->
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4">
        <!--table 2-->
        <!--table 5-->
    </div>
    <div class="col-xs-12 col-sm-4 col-md-4">
        <!--table 3-->
        <!--table 6-->
    </div>
</div>