javascript - 使用引导程序在 NavBar 内的底部导航？

Question

嘿，伙计们，不确定我的标题是否正确，但我是引导程序的新手，我正在尝试导航栏，到目前为止我很喜欢它，但我一直在努力实现这一目标

我想要的是我的 ul 栏中标记为黄色的项目位于底部我也标记为黄色的位置，是否有任何类可以用于此，或者我必须添加自己的 CSS 类来执行此操作？

这是我的html代码

 <div class ="navbar navbar-fixed-top">
    <div class="navbar-inner">
    <div class="container">
        <a href="default.aspx" class = "brand"><img alt ="Imagen no disponible" src ="Img/Aralogo.png" /></a>
        <div class ="nav-collapse collapse">
            <ul class="nav">
            <li><a href ="#"><h4> Compañia </h4></a> </li>
            <li><a href ="#"><h4> Nomina </h4></a></li>
            <li><a href ="#"><h4> Inventario </h4></a></li>
            <li><a href ="#"><h4> Planificacion</h4></a></li>
            <li><a href ="#"><h4> Reportes </h4></a></li>
            </ul>
        </div>
        </div>
    </div>

谢谢。

Answer 1

嗯...如果您希望将这些导航栏链接向下移动，您可以为它们重写填充样式。在应用 Twitter Bootstrap 样式后应用此样式将实现我相信您正在寻找的内容：

.navbar .nav > li > a {
    padding: 20px 15px 0;
}

如果这对您来说还不够低，您也可以更改 h4 元素，使用：

.navbar .nav > li > a > h4{
    margin: 20px 0 0;
}

（如果太低，你可以将 20px 更改为更低的数字。）

我希望这能够帮到你。如果 CSS 框架超出了基本设计范围，有时很难通过 CSS 框架获得您想要的东西，但请坚持下去！祝你好运！

Answer 2

I ran into this recently. Just add an additional container around the brand element

<div class="container">
<a href="default.aspx" class = "brand"><img alt ="Imagen no disponible" src ="Img/Aralogo.png" /></a>
</div>