我正在尝试根据其他div的可见性重新定位divs。当屏幕尺寸减小时，它们会叠加并隐藏/显示任何div自动使堆叠的divs显示/隐藏而没有任何空白区域，但不是正常屏幕尺寸（笔记本电脑/台式机）。
看看这个jsbin
现在，取消选中任何复选框。如果一行只显示了一个div，那么我希望它的大小调整，以便它也占用隐藏的div。
我在页面中为2x2 div使用col-md-6类。
<div class="col-md-6 column" id="1col"> </div>
答案 0 :(得分：0)
试试这个：首先，在.row课程中添加课程名称，这样您就不会在其他地方影响它，然后使用以下CSS
.row{display:flex; justify-content:space-around}
.column{display:inline-flex; height:100%; width:auto;}
当然，您将.row替换为（例如）.row.myColumns但同时您可以使用此代码在您的jsbin中进行测试。我在那里没有帐户，也没有计划注册只是为了测试，所以我无法分叉，但是我使用2,3代码，然后移动所有四列单排，它完美无缺，所以请亲自试试。