2014-03-27 22 views
-1

还有其他职位关于此,但没有任何帮助/作品和部分删除Bootstrap响应不是我想要做的。我想通过覆盖显示按钮和移动垂直菜单的媒体查询来完全杀死DISABLE。 Horizontal menu disappears引导禁用媒体查询显示手机菜单

您可以在Here

直播页面查看源代码如果我删除此按钮标签:

 <button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 

然后按钮和垂直菜单都消失了,但这样的水平菜单。什么是确切的媒体查询(s)需要杀死这个按钮和菜单,但保持水平。

+0

我们可以看到您的导航栏的所有代码和任何自定义CSS应用?现场小提琴会很方便 – slynagh

回答

0

不需要禁用媒体查询。

应该有一个后续div与ID为bs-example-navbar-collapse-1。这个div也应该有一个类collapse。删除此课程。

假设你没有用较少或sass编译。

+0

顺便说一句,“843px x 520px”与媒体查询无关。这是告诉你你的窗户的大小。 – slynagh

+0

没有不编译。删除id =“bs-example-navbar-collapse-1”并不能帮助它简单地删除菜单而不是按钮,并且不会恢复水平菜单。顺便说一句,当我调整我的浏览器的按钮出现在843宽由于某种原因。是的,我知道它正在显示窗口的大小。 – DivineChef

+0

删除类“崩溃”。并删除您发布的按钮代码。 – slynagh

2

Bootstrap documentation

变化在该点崩溃和横向模式之间的切换导航栏中。定制@ grid-float-breakpoint变量或添加您自己的媒体查询。

+0

@ grid-float-breakpoint是一个LESS变量,你不能在纯CSS或SASS中使用它 – DivineChef

+0

你可以找到** @ grid-float-breakpoint **和其他引导变量[here](http:// getbootstrap.com/customize/)。 –

+0

无用我正在寻找解决方案而非文档。 – DivineChef