html - 将导航栏左下对齐

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 */
}