Выровнять Navbar внизу слева

Question

Я работаю над этим website, и, как вы можете видеть, у меня есть вертикальная левая навигация. Как я могу перемещать навигацию влево-снизу (только на рабочем столе)?

<header class="span3"> 
      <div class="affix"> 
       <div class="navbar span3"> 
        <div class="navbar-inner"> 
         <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse"> 
          <i class="icon-reorder"></i> 
         </a> 
         <a class="brand span2" href="index.html"> 
          <img alt="" src="img/logo.png"> 
         </a> 
         <nav class="nav-collapse collapse"> 
          <ul class="nav"> 
           <li class="nav-home active"><a href="index.html">Home</a></li> 
           <li class="nav-about"><a href="philosophie.html">Philosophie</a></li> 
           <li class="nav-services"><a href="menu.html">Menu</a></li> 
           <li class="nav-team"><a href="team.html">Team</a></li> 
           <li class="nav-reservation"><a href="reservation.html">Reservation und Öffnungszeiten</a></li> 
           <li class="nav-private"><a href="private-dining.html">Private Dining</a></li> 
           <li class="nav-kontakt"><a href="contact.html">Kontakt und Anreise</a></li> 
          </ul> 
         </nav> 
        </div><!-- /navbar-inner --> 
       </div><!-- /navbar --> 
       <!-- <aside class="span3 text-center hidden-phone"> 
        <ul class="social inline"> 
         <li><a class="btn btn-small" href="#"><i class="icon-facebook"></i></a></li> 
         <li><a class="btn btn-small" href="#"><i class="icon-twitter"></i></a></li> 
         <li><a class="btn btn-small" href="#"><i class="icon-linkedin"></i></a></li> 
        </ul>   
       </aside> --> 
      </div><!-- /affix --> 
     </header> 

Answer 1

@media(min-width:1024px) 
{ 
/* your style for desktop */ 
}