title: Twitter Bootstrap: Align nav-tabs to bottom of div
body: <p>I'm building a website, and for the first time i am using the twitter bootstrap.</p>
  
  <p>I'm trying to align my menu to the bottom of my div. 
  But for some reason i can't figure out how to do it.</p>
  
  <p>I did some research and tried using the box-align property. 
  but that didnt work.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-md-4"&gt;
              &lt;img class="img-responsive" src="img/logo.png" &gt;
         &lt;/div&gt;
  
         &lt;div class="col-md-8"&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-home" style="color:#6d92a2"&gt;&lt;/span&gt; Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-check" style="color:#6d92a2"&gt;&lt;/span&gt; Missie en Visie&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-calendar" style="color:#6d92a2"&gt;&lt;/span&gt; Activiteiten&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-user" style="color:#6d92a2"&gt;&lt;/span&gt; Lidmaatschap&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-play-circle" style="color:#6d92a2"&gt;&lt;/span&gt; Videozone&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-map-marker" style="color:#6d92a2"&gt;&lt;/span&gt; Contact&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
  
         &lt;/div&gt; &lt;!-- nav tabs --&gt;
  
      &lt;/div&gt; &lt;!-- row --&gt;
  </code></pre>
  
  <p>Any advice?</p>
  
  <p>EDIT: It seems I didn't specify my question enough, my bad. I'm not using the CDNs at the moment, the menu itself doesnt give any problems. As you can see in: link , the nav comes at the top of the div, but i want it aligned at the bottom of the div.</p>