導航欄不同高度的摺疊

Question

我的Bootstrap導航欄看起來不錯，但當它展開時，但摺疊後的按鈕會變得太高。菜單佔用iPhone上的整個屏幕。有兩種不同的高度嗎？一個用於大屏幕，另一個用於小屏幕？

感謝

編輯：由於我問我發現在CSS文件的底部@media並增加了一個高度屬性存在，但它並沒有改變「激活」按鈕。然後，我試圖補充@media並且它不起作用。然而，當我這樣做：

@media (max-width: 768px) { 
.navbar-default .navbar-nav>li>a, .navbar-nav>.active>a { 
width: 100%; 
text-align: center; 
height:33px; 
line-height:33px; 
} 
@media (max-width: 768px) { 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { 
color: #FD851A; 
background-color: #1b3f65; 
line-height: 33px; 
}} 

它的工作原理，但我知道這是不正確的兩個@media那裏。我如何將這些合併在一起？

謝謝，我不是很擅長這個！

Answer 1

請將.navbar-collapse.in類的樣式屬性更改爲以下內容。您可以從名爲bootstrap.css的樣式表中找到以下類。我建議從寬度@media (min-width: 768px) {}

.navbar-collapse.in { 
    overflow-y: scroll; 
    height: 'height'; 
} 

我應用的樣式所提到下課後我附上截圖更新中提到的風格。