0

我正在尝试制作一个引导导航（v2.3.2），格式如下：

这个：
错误http://tastytreatthursday.com/nav1.jpg

而不是这个：
错误的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>

谁能指出我做错了什么？

4

2 回答 2

1

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

即使您添加：

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

显示正确，所以你一定改变了一些东西。

于 2013-10-07T22:57:08.520 回答
0

我试过你的代码，它对我有用。让你把它放在一个行类和另一个跨度类中。当我输入代码时，它就像一个魅力。

<section class="row-fluid ">
    <aside class="span12">
      <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="wp-content/themes/img/lcva_logo.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>
    </aside>
  </section>
于 2013-10-07T22:53:35.237 回答