css - 如何使用 bootstrap 将浏览器窗口分成两个画面？

Question

我需要按 height:50%; 将窗口拆分为 2 个水平 div； width:100%:，是否可以使用 bootstrap？试过这样:

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12" style="border:1px solid red">
                1
        </div>
        <div class="col-lg-12" style="border:1px solid red">
                2
        </div>
    </div>
</div>

与绿色相配应该怎样...

Answer 1

只是建议使用 javascript 动态计算 .row div 的高度。 CSS height:50% 仅在父 div 被赋予一定高度时才有效。

EG: .row{ height:500px; 将正常工作。

但是使用 jQuery 函数 $(window).height() 计算这个高度。