html - 左下对齐导航栏

标签 html css navbar

我正在处理这个 website正如你所看到的,我有一个垂直的左侧导航。我怎样才能像这样将导航链接移动到左下角(仅在桌面上)?

Bottom Left navigation

<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>

最佳答案

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

关于html - 左下对齐导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35767437/

相关文章:

javascript - jQuery Spinner使用问题

javascript - 仅跟踪嵌套 div 标签中悬停子元素的鼠标移动

javascript - Bootstrap 导航栏在 iPad 上不起作用

javascript - Jquery Mobile Navbar 轮廓/边框颜色

javascript - KnockoutJS - 为输入类型 Radio 编写 KO BindingHandlers 的正确方法

html - 由于 translate3d,伪元素上的边框宽度不一致——但为什么呢?

html - 如何从浏览器中心添加纹理背景?

html - 两个子div,一个相对父div,另一个相对浏览器?

html - 如何在我的导航栏中移动 'nav' 元素下的 'navbar-brand'

html - 显示:无人使用type =“button”