Twitter bootstrap 使用Twitter引导实现垂直滑动div

我有一个html的基本结构，如：

<div class="container-fluid">

  <div class="row-fluid">

    <div class="span2">
      <!--Sidebar content-->
    </div>

    <div class="span10">
      <!--Body content-->
    </div>

  </div>

</div>

我想添加一个切换按钮，将隐藏/显示边栏（幻灯片将垂直）。 如果侧边栏是隐藏的，我希望内容使用整个区域（可能是span12）。如果显示侧边栏，所有内容都将恢复

我的方法是，根据边栏的状态切换主体内容区域的span10和span12类

有更好的方法吗

---

谢谢

堆栈溢出将我的答案转换为注释，因此我将发布更完整的答案

<div class="container">
  <div class="row-fluid">

    <div class="collapse-group">
      <div class="span2">
        <!--Sidebar content-->
      </div>
      <a class="btn" data-toggle="collapse" data-target=".span2">Toggle</a>
    </div>

    <div class="span10">
      <!--Body content-->
    </div>

  </div>

</div>

切换

---

默认情况下，span2将折叠，如果您单击按钮，它将垂直展开。

请查看我的问题，其中部分回答了您的问题。谢谢您的回答。让span10（主体内容）覆盖整个部分如何？