For loop 引导4中的列大小调整问题-使最后一列填充行的宽度

您好，我对在不同的屏幕和编号中维护该列有问题

现在我有 桌面中每行3列 ipad中每行4列 mobile中每行2列

现在在桌面上，我必须调整列宽，就像我总共有7列一样 所以我在第一行显示3列，然后在第二行显示下一个3列，在第三行显示最后一个7列，但在最后一列，我需要将其更改为等于以上3列宽度

同样的情况下，当我总共有8列，我会附上更多的解释图片

此操作所需的指南：）

代码

---

这是最近添加到Bootstrap 4.1.0中的一个很好的用例。使用

flex-grow-1

和

mw-100

在行上有更多空间时使列均匀填充宽度

<div class="row">
        <div class="col-6 col-md-4 mw-100 flex-grow-1">
            <div class="card bg-info"></div>
        </div>
        ...
</div>

---

代码实际上是动态添加的&我使用带有节点的扶手js@ZimSystem是：）使用这两种语言的漫长过程将改变它：）很好，它只在bootstrap 4.1.0上可用，而不是在4.0中。是的，仅在4.1中可用，但很容易添加CSS，如上所示，适用于4.0

<div class="row">
        <div class="col-6 col-md-4 mw-100 flex-grow-1">
            <div class="card bg-info"></div>
        </div>
        ...
</div>

.row>.col-6 {
    max-width: 100%;
    flex-grow: 1;
}