I am currently working on a website and have a vertical left navigation. I would like to know how I can move the navigation links to the bottom left corner only on desktop, similar to the image below:
https://i.sstatic.net/vmuhb.jpg
<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>