Bootstrap面板主体100％高度 - flexbox

Question

我想设计视口高度为100％的布局（减去标题height: 70px;）。

我能够实现外部布局see here，并且我希望面板的主体也通过css（响应）延伸到100％高度。

我使用bootstrap 3.3.6，目标浏览器是IE11 +和最新的浏览器。

请帮助我如何实现这一目标？ I tried但没有帮助。

Answer 1

我能想到的最快（也许不是最好的）方法是使用视口单元和计算

height: calc(100vh - 70px);

Answer 2

你可以用jquery -javascript

来做

            $( window ).resize(function() {
                $( "div" ).css('height',($( window ).height()-70)+'px');
            });