媒體查詢問題在兩個導航菜單之間切換

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

你必須定製的CSS爲768px寬度：

Navabar與類。在表中顯示 NAV UL李{顯示：塊;向左飄浮; } .collapse.in {overflow-y：visible;}

總之，如果你想在768px上顯示移動導航爲切換菜單，你必須定製CSS。