BootStrap 布局高度 100%答案

【问题标题】：BootStrap Layout height 100%BootStrap 布局高度 100%
【发布时间】：2017-02-07 07:29:01
【问题描述】：

我开始研究引导程序为应用程序制作布局。我正在尝试使左侧栏与屏幕全高，使内容也需要遵循。

我已经尝试了高度：100%，但它不起作用。

我将我的代码放在 JSFiddle 中，请检查，非常感谢您的帮助

[JSFiddle Code](https://jsfiddle.net/fhavio/448qcxg6/)

【问题讨论】：

【解决方案1】：

将左侧栏移出您的.row，使其高度为 100%，同时给 html 和 body `height: 100%;

【讨论】：

【解决方案2】：

你需要像这样使用 css #leftBar { 高度：100vh; }

【讨论】：

【解决方案3】：

这些单位是 vh（视口高度）、vw（视口宽度）、vmin（视口最小长度）和 vmax（视口最大长度）。

 style="height:100vh;"

更多详情请点击this answer

【讨论】：