Bootstrap 3:侧栏100%高度始终在屏幕上

And*_*Bro 6 css twitter-bootstrap

我试图达到以下结果:我需要留下col-md-3始终保持100%的高度并始终在屏幕上 - 这是一个菜单.右侧与滚动可用等一样.

提前致谢!

在此输入图像描述

Mik*_*ike 1

在这种情况下使用 bootstrap 可能不是最好的解决方案。我喜欢引导程序,但你不需要将它用于所有事情,这里可能就是这种情况,但我相信你可以做到这一点。

当您看到它工作时绘制您的页面布局,并查看您的侧边栏想法是否适合引导“网格”。将所有内容排成 100% 屏幕高度的行是否有意义?

实际上,听起来您想要的是一个侧边栏 div,其绝对定位设置为 100% 屏幕高度。为了使其响应,只需创建一些 css 媒体查询来处理它。

您可以根据需要使用 bootstrap 构建右侧的内容 div。

这是类似问题的链接及其答案:

在居中的 Bootstrap 3 网格旁边创建固定侧边栏

希望能帮助到你!