引導下拉不正確對齊

我試圖做一個引導NAV（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>

任何人都可以指出我在做什麼錯？

來源

2013-10-07 user1129107

你對CSS做了什麼改變，還是僅僅是默認引導CSS？ –

這是全部默認設置。我沒有改變任何東西。 – user1129107

會使用小提琴來回答你的問題更容易。看起來你可能已經對你的CSS做了修改，如http://jsfiddle.net/Wa5vS/所示，它似乎可以和你的html一起正常工作。

即使你加：

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

顯示正常，所以你必須已經改變了一些東西。

來源

2013-10-07 22:57:08

我從你的法師的鏈接注意到，你是在WordPress上運行的，所以它可能與WP和Bootstrap有一些衝突。 –

是的，它在WP裏面，我想你可能會在這裏做點什麼。 – user1129107

你有鏈接到你正在做的網站嗎？應該很容易驗證是否有一些WP CSS正在產生衝突。 –

我試過你的代碼，它爲我工作。 Makere如果你把它放在一個班級裏，並在另一個班級內。當我把它的代碼工作就像一個魅力。

<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-07 22:53:35

引導下拉不正確對齊

回答

相關問題