html - 如何在 bootstrap 2 导航栏中正确格式化和定位文本

Question

我需要一些关于 Bootstrap 2 的帮助

如何让“文本”在导航栏中很好地定位和格式化？

http://jsfiddle.net/sGgKE/198/

     <div id="navbarExample" class="navbar navbar-static">
        <div class="navbar-inner">
          <div class="container" style="width: auto;">
            <a class="brand" href="#">w3resource</a>
            ...
              <ul class="nav navbar-nav pull-right">
                  <li>Name</li>  <---- this text looks a bit weird and not positioned properly
              </ul>   
          </div>
        </div>
      </div>

顺便说一句，它应该只是文本，而不是链接。如果我喜欢它，它会起作用，但我不希望它成为一个链接。

<li class=""><a href="">Name</a></li>

Answer 1

它实际上并没有表现得很奇怪。 PHP 和 DB 元素居中对齐，因为它们在选择器中具有相应的样式。

.navbar .nav>li>a{
float :无；
填充:10px 15px 10px；
颜色:#777777；
文字装饰:无；
文本阴影:0 1px 0 #ffffff；
}

并在 .navbar .nav 选择器中。

您的 ul 元素不会影响这些样式，这就是为什么它绝对按应有的方式对齐(不是垂直居中)。如果您希望您的 Name 元素垂直居中对齐，您可以尝试将 margin 应用于 ul。

这是工作 fiddle有可能的解决方法。