简体   繁体   English

切换菜单未显示-Bootstrap 3

[英]Toggle menu not showing up - Bootstrap 3

I not sure about what my Toggle menu is not displaying in Tablet and Mobile. 我不确定我的“切换”菜单在平板电脑和移动设备中没有显示什么。

I checked it 5 times but I just can´t find the error. 我检查了5次,但找不到错误。

I please check my codeply http://www.codeply.com/go/rKSNVkLFaY 我请检查我的codeply http://www.codeply.com/go/rKSNVkLFaY

Any idea? 任何想法?

Thanks :-) 谢谢 :-)

Remove the classes collapse and navbar-collapse from the #test ul => <ul id="test" class="nav navbar-nav navbar-left"> . #test ul => <ul id="test" class="nav navbar-nav navbar-left">删除collapsenavbar-collapse <ul id="test" class="nav navbar-nav navbar-left">

Change data-target => data-target=".navbar-ex1-collapse" , you need to add the dot for 'class'. 更改data-target => data-target=".navbar-ex1-collapse" ,您需要为“ class”添加点。

Here's a working example: http://jsbin.com/dipefamiya/3/ 这是一个工作示例: http : //jsbin.com/dipefamiya/3/

UPDATE UPDATE

You are also setting a height property on #NavGerster that conflicts with the menu. 您还要在#NavGerster上设置一个与菜单冲突的height属性。 Maybe you can find another way to achieve the same thing? 也许您可以找到另一种实现同一目标的方法? If you comment it out it will work. 如果您将其注释掉,它将起作用。

#NavGerster{ border: 0px solid transparent; background-color: #8a7d78; /*height: 74px;*/ }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM