title: Bootstrap make column fit
body: <p>I have a bootstrap page where I am experiencing one minor issue. The issue is in desktop mode, one column does not reach the area where it needs to. If I modify the height in the css it pushes the other two divs downward. How do i make the Top div reach the bottom area where the tools section end without pushing corner and tools div down? Is this possible with bootstrap?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;body style="background:#F8F8F8;"&gt;
      &lt;p&gt;
          &lt;br/&gt;
      &lt;/p&gt;
  
      &lt;div class="container-fluid"&gt;
  
          &lt;nav role="navigation" class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
              &lt;div class="navbar-header"&gt;
  
                  &lt;a href="" class="navbar-brand"&gt;
                      &lt;img alt="" src="image.png" height="22" width="81" /&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;!-- Collection of nav links, forms, and other content for toggling --&gt;
              &lt;div id="navbarCollapse" class="collapse navbar-collapse"&gt;
                  &lt;ul class="nav navbar-nav navbar-left"&gt;
  
  
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
          &lt;BR&gt;
          &lt;BR&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-4" "col-xs-12"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="welcome"&gt;
                              &lt;div id="container"&gt;
        Test info
  
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4" "col-xs-4"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="prescription"&gt;
                              &lt;div id="container"&gt;
                                  PL
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4" "col-xs-4"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="profile"&gt;
                              &lt;div id="container"&gt;
                                 Profile
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="col-md-3"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="ghabox"&gt;
                              &lt;div id="container2"&gt;
                                  Ask
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="ghabox"&gt;
                              &lt;div id="container2"&gt;
                                  Discussions
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-6" "col-xs-4"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="contributors"&gt;
                              &lt;div id="container2"&gt;
                                  Top 
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="ghabox"&gt;
                              &lt;div id="container2"&gt;
                                Corner
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;div class="panel panel-default"&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;div class="ghabox"&gt;
                              &lt;div id="container2"&gt;
                                  Tools
                              &lt;/div&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
  
  
  
  
          &lt;/div&gt;
  
  
  
      &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>