我正在使用 Bootstrap 3.2。我试图弄清楚是否有一种方法可以显示/隐藏“col-sz-#”div 并更改可见 div 中的“col-sz-#”类,以使用复选框样式按钮调整它们的大小以适合容器每列。
例如,如果我从
<div class="row">
<div class="col-md-2">...</div>
<div class="col-md-2">...</div>
<div class="col-md-2">...</div>
<div class="col-md-2">...</div>
<div class="col-md-2">...</div>
<div class="col-md-2">...</div>
</div>
Run Code Online (Sandbox Code Playgroud)
然后,如果隐藏其中 2 个,而其他则调整大小:
<div class="row">
<div class="col-md-2 hidden">...</div>
<div class="col-md-2 hidden">...</div>
<div class="col-md-3">...</div>
<div class="col-md-3">...</div>
<div class="col-md-3">...</div>
<div class="col-md-3">...</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如果总列数不能像 5 那样整除 12,那么它就不会改变。