固定容器流体和行Bootstrap网格内的高度

Question

我只在我的页面上使用bootstrap gris系统。 我试图将一个元素的高度固定在一个计数器内和一行中。

<div class="container-fluid firstcontainer">
    <div class="row">
        <header scroll ng-class="document.body.scrollTop > 100 ? 'fullNav' : ''" class="header col-xs-12 col-md-10 col-md-offset-1">
            <a href="#" class="header__icon" id="header__icon" ng-click="withSidebar = !withSidebar"></a>
            <a href="#" class="header__logo"><span>MS94</span></a>
            <nav class="menu">
                <a href="#">Accueil</a>
                <a href="#">Voilà</a>
            </nav>
        </header>
        <section id="intro" class="intro">
            <span class="col-md-10 col-md-offset-1">
                <h1>Un titre qui envoi du steack haché</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste nulla, rerum! Ratione magni sed, esse, placeat consequuntur animi repellat ullam praesentium, voluptatibus ipsam error architecto vitae distinctio porro! Excepturi, omnis!</p>
            </span>
        </section>
        <section class="brand col-xs-12">
            <div class="col-xs-3 col-md-2 col-md-offset-2"><img src="img/logo/1.jpg"></div>
            <div class="col-xs-3 col-md-2"><img src="img/logo/2.jpg"></div>
            <div class="col-xs-3 col-md-2"><img src="img/logo/3.jpg"></div>
            <div class="col-xs-3 col-md-2"><img src="img/logo/4.jpg"></div>
        </section>
    </div>
</div>

我尝试让块介绍占据70％的高度，品牌块占30％; 第一级容器juste有一个高度：100％占据所有位置。 但是介绍和品牌并没有照顾到css的高度

http://jsfiddle.net/zewxxux7/1/

提前感谢您的帮助