Bootstrap CSS将网格行组设置为100％高度

Question

我正在构建一个包含HTML＆amp;的网页CSS，使用bootstrap框架。它基于网格布局系统。我想将我的navbar和我的网格的第一行放在一个组中，将第二行放在一个组中，其中每个组填充100％的屏幕高度。我无法看到div定义如何工作，因为它跨越两个div类的中间。我该怎么做？

<div class="collapse navbar-collapse" id="defaultNavbar1">
    <ul class="nav navbar-nav links">
        <li><a href="#">About<span class="sr-only">(current)</span></a>/li>
        <li><a href="#">Pre-Order</a></li>
        <img src="Images/Logo.png" alt="Logo" style="width:auto; height:75px; padding-top:5px; padding-bottom:5px;">
        <li><a href="#">News</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>

    <div class="container-fluid"></div>

    <div class="row">
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-1">.col-md-1</div>
        <div class="col-md-6">.col-md-1</div>
    </div>

    <div class="row">
        <div class="col-md-8">.col-md-8</div>
        <div class="col-md-4">.col-md-4</div>
    </div>
</div>