在 bootstrap 中,我们可以使用以下技术将两个 div 并排放置
<div class="row">
<div class="col-md-12">first div</div>
<div class="col-md-12">second div</div>
</div>
但是,如果我通过 javascript 或 display:none 隐藏第一个 div,我希望第二个 div 占用所有 24 个空格。
有没有办法在隐藏第一个 div 时无需在 javscript 中将其类更改为 col-md-24 即可轻松实现这一点?
谢谢
最佳答案
不幸的是,不是。但正如您已经提到的,它很简单:
$('.col-md-12').eq(0).addClass('hidden');
$('.col-md-12').eq(1).removeClass('col-md-12').addClass('col-md-24');
显然这只是引用您上面的示例,因为您最好使用真正的 CSS 类而不是 eq。
关于javascript - 在 Bootstrap 中,如何使一个 div 尽可能全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31462015/