删除 div 时的 Bootstrap 网格布局 [英] Bootstrap grid layout when div is removed
问题描述
所以我正在使用仪表板外观,它可能有四个方块"可以打开,角色取决于用户角色.
第一行通常是左边的,因为它有大约 30% 的正方形,另一行大约有 70% 的宽度.这可以.
但是,在仪表板的底行,您可以有两个方块.当这两个打开时,我当前的网格设置工作得很好,但是当用户隐藏"一个方块时,另一个方块不会占据整行.
这是我目前所拥有的.我不能张贴其中的任何元素,但这是大纲.
<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 class="row"><div class="col-lg-6 col-md-8 col-sm-6">
<div class="col-lg-6 col-md-8 col-sm-6">
对此有什么解决方案,或者我是否必须使用某种后端逻辑来确定用户是显示所有四列还是仅显示三列?
您可以使用 自动布局 col
列 将填充宽度...
<div class="col">...<div class="col">...