javascript - サイドバーを折りたたむときに div 幅のサイズを大きくする

Question

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

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

私の水平方向の折りたたみは正常に機能しますが、一度折りたたむと、div class=span4 の幅を使用可能なビューポートの幅のスペースまで増やしたいと思います。

Answer 1

イベントを使用して折りたたみが発生したときに、div の spanN クラスを切り替えるだけです。

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

http://getbootstrap.com/2.3.2/javascript.html#collapseのイベントに関するセクションを参照してください。