twitter-bootstrap - Bootstrap 垂直对齐和子导航

Question

我在定位二维菜单时遇到了问题。它像图像一样在同一行中，我想将它放在行的底部。现在它被放置在行的顶部，如下所示：

标头现在的样子。

这是我的代码：

<div class="row">
    <div class="span2">
        <img src="stockpulse.png" class="img-rounded">
    </div>
    <ul class="nav nav-tabs">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a  href="#">Action</a></li>
                <li><a  href="#">Action</a></li>
                <li><a  href="#">Action</a></li>
             </ul>
        </li>
        <li class="dropdown">
                ...
    </ul>
</div>

它应该如下所示：

带有下拉菜单的标题显示子站点上的子类别：

如果我想永久显示子类别，在导航栏中使用下拉菜单是否正确？还是导航栏中的导航更有用？

Answer 1

这是你在找什么：http: //jsfiddle.net/8xa5h/

基本上，我所做的只是margin-top根据图像的高度向导航栏添加一个。

.navbar .nav {
    margin-top: 120px;       
}