Bootstrap 4 删除div时的引导网格布局

因此，我使用的仪表板外观可能有四个“正方形”，可以打开，并且角色取决于用户角色

最上面一行通常是左边的，因为它有30%左右的正方形，另一行大约有70%的宽度。这很好

但是，在仪表板的底行，可以有两个正方形。当这两个都打开时，我当前的网格设置工作正常，但当用户有一个方块“隐藏”时，另一个方块就不会占据整行

这就是我目前所拥有的。我不能发布其中的任何元素，但这里是大纲

<div class="row">
    <div class="col-lg-3 col-md-4 col-sm-5"></div>
    <div class="col-lg-9 col-md-8 col-sm-7"></div>

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

要解决这个问题，或者我必须使用某种后端逻辑来确定用户是显示了全部四列还是仅显示了三列？

您可以使用填充宽度的

<div class="row">
    <div class="col">
        ...
    </div>
    <div class="col">
        ...
    </div>
</div>

...
...

---

当显示两个底部方块时，它们是始终等宽，还是也都是70/30？@Zim始终等宽，因此每个方块的宽度应为50%。因此，如果我这样做，并且第二个列为“隐藏”，则顶部的列应填充剩余的宽度？@robertmcater如果将其设置为“隐藏”，则不会填充，因为元素仍然存在。设置为

display:none并且您的顶部列将展开。@Zim是的。现在开始工作了。谢谢你的解决方案！