javascript - 在 Bootstrap 中，如何使一个 div 尽可能全宽

Question

在 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 即可轻松实现这一点？

谢谢

Answer 1

不幸的是，不是。但正如您已经提到的，它很简单:

$('.col-md-12').eq(0).addClass('hidden');
$('.col-md-12').eq(1).removeClass('col-md-12').addClass('col-md-24');

显然这只是引用您上面的示例，因为您最好使用真正的 CSS 类而不是 eq。