Question

我使用twitter bootstrap v3在右侧创建了一个带有简单联系按钮的导航栏。

然而，当屏幕尺寸<1时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/

Bootstrap响应导航栏崩溃错位

1 个答案: