Bootstrap navbar-fixed-top查询

时间:2016-03-03 08:43:12

标签: twitter-bootstrap

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

如果您调整浏览器大小,导航栏有两种样式。在大屏幕上,它只是按钮图标: enter image description here

在中到小屏幕上,导航栏具有背景颜色和底部边框: enter image description here

我正在尝试让所有屏幕尺寸都具有风格化的背景但是在我的生活中无法找出我需要更改的样式或媒体查询?任何帮助都感激不尽!

1 个答案:

答案 0 :(得分:1)

如果您使用Chrome,请在页面处于大屏幕模式时转到开发者工具(F12),然后查看导航栏的“已计算”部分。如果你看一下background-color标签,你会看到它设置为rgba(0,0,0,0),然后它会显示它从哪里得到它(在这种情况下,navmenu-push.css) 。如果您按照该链接,您可以看到小屏幕和大屏幕的媒体查询,您可以看到大屏幕媒体查询将背景设置为无(以及设置其他样式)。

尝试从navmenu-push.css中删除此部分:

  ...
  iceServers:[
    {
      urls: "turn:turn_server_ip",
      username: username,
      credential:password
    }
  ...