媒体查询问题在两个导航菜单之间切换

Question

我有一个菜单，由两个由媒体查询触发的单独菜单组成。

codepen是：http://codepen.io/iamgonge/pen/QpOgZB（设计建议赞赏）

的CSS：

 @media only screen and (max-width: 768px;) { #big{display:none;}}
     @media only screen and (min-width: 769px;) { #little {display: none;}}

在767px处，移动汉堡菜单在768px处可见，这是移动导航但不可折叠，其桌面导航为769px。我想移动导航显示可折叠的菜单，包括768（Ipad肖像）是什么让768px的菜单以它的方式出现？

Answer 1

您必须为宽度为768px自定义css：

Navabar，类.in显示在表格中 nav ul li {display：block;向左飘浮;宽度：100％;} .collapse.in {溢出-γ：可见;}

简而言之，如果要在768px上将移动导航显示为切换菜单，则必须自定义css。