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; 
    } 
}