Bootstrap響應式導航欄倒塌不對齊

Question

我使用twitter引導程序v3在右側創建了一個導航欄，右側有一個簡單的聯繫人按鈕。

但是，當屏幕尺寸爲< 768px時，它會掉到導航欄的外面。

這是有問題的部分。

<div class="pull-right">  
    <ul class="nav"> 
    <a href="#"><li id="myContactButton" class="nav-text alternate">Contact Us</li></a> 
    </ul> 
    </div> 

http://jsfiddle.net/x9NBC/

我已經通過在CSS中@media查詢一下，但我無法弄清楚這使得它下拉這樣。

我該如何使它保持與導航一致？

Answer 1

添加這些部分

我已經加入pull-left類的一些元素，提以下

<div class="navbar-header pull-left"> 

拉左邊的按鈕

<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target=".navbar-collapse"> 

添加拉左錨標籤也

<a href="index.php" class="pull-left"> 

這裏是演示http://jsfiddle.net/x9NBC/6/