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

---