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/