Bootstrap 3：侧栏100％高度始终在屏幕上

Question

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

提前致谢！

Answer 1

Bootstrap有一个名为Affix的插件，可以用来完成你想要做的事情。

但是，一般来说，您可以使用position:fixed来完成此操作，并且根本不需要使用Bootstrap。

Answer 2

在这种情况下使用bootstrap可能不是您的最佳解决方案。我喜欢bootstrap，但是你不需要将它用于所有东西，这可能是这里的情况，但是我相信你可以做到这一点。

在您看到它工作时绘制页面布局，看看您对侧边栏的想法是否适合自举“网格”。将所有内容包裹在100％高度的行中是否有意义？

真的听起来像你想要的是侧边栏div，绝对定位设置为100％的屏幕高度。为了使其响应，只需创建一些css媒体查询来处理它。

您可以根据自己的喜好在右侧构建内容div。

以下是答案中类似问题的链接：

Creating a fixed sidebar alongside a centered Bootstrap 3 grid

希望它有所帮助！