css - Bootstrap 3 : sidebar 100% height always on screen

标签 css twitter-bootstrap

<分区>

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

提前致谢!

enter image description here

最佳答案

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

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

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

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

这是一个带有答案的类似问题的链接:

Creating a fixed sidebar alongside a centered Bootstrap 3 grid

希望对您有所帮助!

关于css - Bootstrap 3 : sidebar 100% height always on screen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35164104/

相关文章:

javascript - 迭代 JS 对象没有给出正确的数据以及 Bootstrap 弹出窗口所需的时间?

css - Bootstrap v2.3.1 不适用于选项卡

html - 不能在列之间添加空格,没有行更改

c# - Asp.Net MVC Razor BootStrap 输入表单

css - Bootstrap当前事件的dom元素颜色开关?

html - 保存网页上的更改

html - 复选框宽度/高度不会因较新的浏览器而改变

html - 子div高度与父div不一样

javascript - 如何在固定宽度和高度的div内对齐四个圆圈

html - CSS 显示错误 - Safari 在导航栏中添加中断