Twitter Bootstrap：移动中可折叠的侧边栏

Question

我已经被问到了这个问题，对于冗余（如果有的话）感到遗憾 - 但我还没有弄清楚如何使用twitter bootstrap完成可折叠的侧边栏。

使用this example，我希望侧边栏像移动设备上的全局导航（标题）一样崩溃。

有人可以链接代码示例或小提琴吗？

提前致谢。

Answer 1

根据屏幕尺寸，只需将以下一个或多个类添加到要显示或隐藏的元素中：

...
<div class="row-fluid">
   <div class="span3 hidden-phone">
...

• 更多Info
• 演示JSFIDDLE

Answer 2

尝试这些（两者都是最好的）

---

<强>代码
https://github.com/IronSummitMedia/startbootstrap-simple-

<强>演示
http://ironsummitmedia.github.io/startbootstrap-simple-sidebar

---

代码
http://www.bootstrapzero.com/bootstrap-template/facebook

演示
http://www.bootply.com/render/96266

---