Bootstrap導航欄固定頂部查詢

Question

如果您看http://www.jasny.net/bootstrap/examples/navmenu-push/

如果您調整瀏覽器大小，導航欄有兩種樣式。在大屏幕上，它只是按鈕圖標：

於中型小屏幕導航欄有一個背景顏色和底部邊框：

我試圖讓所有屏幕尺寸有風格的背景但不能爲我的生活制定出我需要改變哪種風格或媒體查詢？任何幫助感激地收到！

Answer 1

如果您使用Chrome，請在頁面處於大屏幕模式時轉至開發人員工具（F12），然後查看導航欄的「計算」部分。如果你看看background-color標籤，你會看到它被設置爲rgba（0,0,0,0），並且在它旁邊顯示它從哪裏得到（在這種情況下，navmenu-push.css） 。如果您遵循該鏈接，則可以查看小屏幕和大屏幕的媒體查詢，並且您可以看到大屏幕媒體查詢將背景設置爲無（以及設置其他樣式）。

嘗試從navmenu-push.css刪除此節：

@media (min-width: 992px) { 
    body { 
    padding: 0; 
    } 
    .navbar { 
    right: auto; 
    background: none; 
    border: none; 
    } 
}