在引导3上有折叠和固定侧边栏的全高度布局

Question

我需要固定高度布局(如应用程序)和固定(完全高度)侧边栏，但当分辨率改变，侧边栏崩溃。

示例1：(折叠边栏，边栏未修复)- http://www.bootply.com/render/88026

例2：(全高)- http://www.bootply.com/render/96937

如何实现折叠侧边栏(示例1)到全高度布局(Example2)

更新1

我尝试这样做：http://startbootstrap.com/simple-sidebar但是侧边栏固定的高度不能在移动浏览器上工作。

​

Answer 1

幸运的是，已经有一个可以解决问题的实现：http://startbootstrap.com/simple-sidebar

这里有一个预览：

​

此外，当分辨率下降时，侧边栏会以按钮的形式崩溃。

此外，您可能希望禁用用户可伸缩性，以防止您通过使用以下标记来解决问题：

<meta name="viewport" content="width=640px, initial-scale=.5, maximum-scale=.5" />