引导3:边栏100%的高度总是在屏幕上

Question

我试图达到以下结果:我需要左旋Md-3始终保持100%的高度和屏幕-这是一个菜单。右侧和往常一样，有滚动等功能。

提前感谢！

​

​

Answer 1

在这种情况下使用引导可能不是最好的解决方案。我喜欢引导，但你不需要用它来做任何事情，这可能是这里的情况，但我相信你可以让它发挥作用。

绘制您的页面布局，因为您认为它的工作，并看看您的想法，侧边栏是否适合引导‘网格’。将所有内容包装在屏幕高度100%的行中是否有意义？

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

您的内容div在右边，您可以根据自己的喜好用引导来构建。

下面是一个类似问题的链接，并给出了答案：

创建一个固定的边栏，旁边是一个居中的引导带3网格

希望能帮上忙！

Answer 2

引导程序有一个名为词缀的插件，它可以用来完成您想要做的事情。

但是，一般来说，您可以使用position:fixed来实现这一点，而且根本不需要使用Bootstrap。