折叠侧边栏时增加div宽度大小

Question

<style type="text/css">
  .collapse {
  height: auto;
  width: auto;
}

.collapse.in.width {
  width: auto;
}
</style>

我的水平折叠工作正常，但是一旦折叠，我希望div class = span4 width增加到可用的视口宽度空间，例如：8。并且按钮标签更改为'Show'，反之亦然，使用JQuery。

Answer 1

当使用事件发生崩溃时，只需在div上切换spanN类：

$('#demo').on('hidden', function () {
    $('#your-content-div').removeClass('span4').addClass('span8');
});

请参阅http://getbootstrap.com/2.3.2/javascript.html#collapse

下的事件部分