Bootstrap 3：侧边栏 100% 高度始终在屏幕上[关闭]

Question

我正在尝试达到以下结果： 我需要 left col-md-3 始终保持 100% 高度并始终在屏幕上 - 这是一个菜单。 右侧和往常一样，可以滚动等。

提前致谢！

Answer 1

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

绘制您看到的页面布局，看看您对侧边栏的想法是否适合引导程序“网格”。将所有内容放在屏幕高度 100% 的行中是否有意义？

听起来您确实想要一个侧边栏 div，其中绝对定位设置为 100% 屏幕高度。要使其具有响应性，只需创建一些 CSS 媒体查询来处理它。

您可以根据需要使用引导程序构建右侧的内容 div。

这里有一个类似问题的链接和答案：

Creating a fixed sidebar alongside a centered Bootstrap 3 grid

希望对你有帮助！

Answer 2

Bootstrap 有一个名为 Affix 的插件，可用于完成您想做的事情。

但是，一般来说，你可以使用position:fixed，而根本不需要使用Bootstrap。