引导程序下拉菜单隐藏导航链接

我在移动设备上的下拉菜单中遇到问题。我正在使用Twitter Bootstrap，并且当我在移动设备上打开菜单时，它位于右侧，因此很难看到导航链接。我想把它分解到另一行，并在左边有菜单项。引导程序下拉菜单隐藏导航链接

我已经尝试了一些东西，并找到了正确的ID /类选择器，但林不知道如何将其分解到另一行。

这里是媒体查询我编辑

/** Mobile **/ 
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { 

#bs-example-navbar-collapse-1 .navbar-nav .pages { 



} 
}

HTML

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 

       <ul class="nav navbar-nav"> 

        <li class="pages"><a href="#section2">About<span class="sr-only">(current)</span></a></li> 
        <li class="pages"><a href="#section3">Free Trial</a> </li> 
        <li class="pages"><a href="#section3">Subscribe</a></li> 
        <li class="pages"><a href="#section4">Testimonials</a> </li> 
        <li class="pages"><a href="#section5">Who</a></li> 
        <li class="pages"><a href="#section6">FAQ</a></li> 

       </ul> 

      </div>

我并不想推广我的网站，但如果更容易看到你可以去growthengine.co到看看我的意思与菜单。

非常感谢您提供任何帮助。

来源

2015-05-31 Paul Towers

你为什么不使用<.br/>？ – Alex

保罗，首先你可以试试这个请。

在页面末尾有bootstrap js文件。
这个替换它...

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"> </script>

当我这样做你的菜单开始，你打算工作。

编辑：
当我链接到您的自定义CSS问题回来了。
所以原因是在那里，你的自定义CSS代码。
在左上角你有这个...
<h1><a href="#top">Growth <span id="h1highlight">ENGINE</a></span></h1>
如果你评论这一点，那么你的菜单开始再次工作。

看看整理出来解决这个问题。

来源

2015-05-31 10:21:45 AngularJR

非常感谢您的帮助。我尝试了这一点，并在我的iPhone 6+，它不改变不幸。它可能是在一个较小的设备上看，但仍然不正确的iPhone6 +？ –

嗨，我刚刚添加到我的帖子，现在看看。 – AngularJR

非常感谢。当网站今天“启动”时，你是一个拯救生命的人。再次感谢。我会upvote，但我还没有upvoting特权 –

引导程序下拉菜单隐藏导航链接

回答

相关问题