title: Fixed height inside container-fluid and row Bootstrap Grid
body: <p>I only use bootstrap gris system on my page.
  I'm trying to fix the height of an element inside a countainer and in a row.</p>
  
  <pre><code>&lt;div class="container-fluid firstcontainer"&gt;
      &lt;div class="row"&gt;
          &lt;header scroll ng-class="document.body.scrollTop &gt; 100 ? 'fullNav' : ''" class="header col-xs-12 col-md-10 col-md-offset-1"&gt;
              &lt;a href="#" class="header__icon" id="header__icon" ng-click="withSidebar = !withSidebar"&gt;&lt;/a&gt;
              &lt;a href="#" class="header__logo"&gt;&lt;span&gt;MS94&lt;/span&gt;&lt;/a&gt;
              &lt;nav class="menu"&gt;
                  &lt;a href="#"&gt;Accueil&lt;/a&gt;
                  &lt;a href="#"&gt;Voilà&lt;/a&gt;
              &lt;/nav&gt;
          &lt;/header&gt;
          &lt;section id="intro" class="intro"&gt;
              &lt;span class="col-md-10 col-md-offset-1"&gt;
                  &lt;h1&gt;Un titre qui envoi du steack haché&lt;/h1&gt;
                  &lt;p&gt;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!&lt;/p&gt;
              &lt;/span&gt;
          &lt;/section&gt;
          &lt;section class="brand col-xs-12"&gt;
              &lt;div class="col-xs-3 col-md-2 col-md-offset-2"&gt;&lt;img src="img/logo/1.jpg"&gt;&lt;/div&gt;
              &lt;div class="col-xs-3 col-md-2"&gt;&lt;img src="img/logo/2.jpg"&gt;&lt;/div&gt;
              &lt;div class="col-xs-3 col-md-2"&gt;&lt;img src="img/logo/3.jpg"&gt;&lt;/div&gt;
              &lt;div class="col-xs-3 col-md-2"&gt;&lt;img src="img/logo/4.jpg"&gt;&lt;/div&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I try to make the block intro to take 70% of the height and the brand block 30%;
  The class firstcontainer juste have a height: 100% to take all the place. 
  But intro and brand don't take care of the height in the css</p>
  
  <p><a href="http://jsfiddle.net/zewxxux7/1/" rel="nofollow">http://jsfiddle.net/zewxxux7/1/</a></p>
  
  <p>Thanks in advance for your help</p>