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

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

提前致谢!

enter image description here

解决方法

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

在您看到它工作的时候绘制页面布局,看看您对侧边栏的想法是否适合自举“网格”.将所有内容包裹在100%高度的屏幕中是否有意义?

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

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

这是一个回答类似问题的链接

Creating a fixed sidebar alongside a centered Bootstrap 3 grid

希望能帮助到你!

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效