html - Bootstrap 下拉菜单未正确对齐

Question

我正在尝试制作 Bootstrap 导航 (v2.3.2)，格式如下:

这个:
wrong http://tastytreatthursday.com/nav1.jpg

代替这个:
wrong http://tastytreatthursday.com/nav2.jpg

<div class="navbar visible-desktop visible-tablet">
<div class="navbar-inner">
    <a class="brand" href="http://myurl" style="margin:0; padding:0;"><img style="z-index:1; position:relative;" height="125px" width="125px" src="myLogo.png"></a>
<ul class="nav nav-pills">
<!--item-->
  <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
  Test title<span class="caret"></span>
</a>
<ul class="dropdown-menu">
  <li><a href="#">Test 1</a></li>
  <li><a href="#">Test 2 Test 2 Test 2</a></li>
  <li><a href="#">Test 3</a></li>
  <li><a href="#">Test 4</a></li>
</ul>
</li>
<!--item-->
</ul>
</div>
</div>

谁能指出我做错了什么？

Answer 1

用你所拥有的 fiddle 可以更容易地回答你的问题。看起来您可能已经对 CSS 进行了更改，如 http://jsfiddle.net/Wa5vS/ 中所示。 ，它似乎可以与您的相同 html 一起正常工作。

即使你添加:

.dropdown-menu {
    text-align: center;
}

显示正常，所以你一定做了一些改变。