我们如何在Twitter Bootstrap中创建100％高度栏？

Question

我需要使this page的灰色侧边栏占据页面的左侧高度，一直向下到页面并触摸蓝色页脚，而不会让页面看起来更高，是。

我曾尝试使用height: 100%和position: table-cell，其中有许多其他建议我搜索了一下，但没有任何结果。

使用Twitter Bootstrap有可能吗？

的jsfiddle：https://jsfiddle.net/3cb30uz1/1/

Answer 1

你可以在侧边栏，这将确保它的高度是视高度的至少100％设定min-height: 100vh。或者，由于您有标题，您可以使用calc()进行减法。

在这种情况下，设置这个初级侧栏元素：

min-height: calc(100vh - 172px);