小编Ber*_*rto的帖子

Bootstrap:显示/隐藏带有复选框的列 div 并更改列跨度

我正在使用 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,那么它就不会改变。

html javascript css jquery twitter-bootstrap

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1