javascript - 使用 Bootstrap 在 NavBar 底部导航？

Question

嘿，伙计们，不确定我的标题是否正确，但我是 bootstrap 的新手，我正在尝试导航栏，到目前为止我很喜欢它，但我一直在尝试完成这个

我想要的是我的 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 框架超出了基本设计范围，有时可能很难获得您想要的东西，但要坚持下去!祝你好运!