Question

需要将bootstrap标记添加到My html文件并显示我的菜单项。但是当我使用标签或移动设备访问我的网站时，我不需要默认的导航栏高亮框和汉堡包图标。

<nav class="navbar navbar-default">
<li><a href="../navbar-fixed-top/">Fixed top</a></li>
<nav>

怎么办？

Answer 1

您好，只需删除用于删除汉堡的代码行：

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

尝试更加具体地说明＆＃34;突出显示框＆＃34;，但我认为你需要一些CSS来解决这个问题。

同时检查fiddle。

Answer 2

如果我理解你的话，请申请＆＃34; hidden-sm hidden-xs＆＃34;上课＃34; li＆＃34;在响应模式下你不想要的。

谢谢， Rohan Kacha

Answer 3

您可以使用@media query。您必须在其中定义要隐藏nav的宽度，并使用max-width(The maximum width of the display area)或max-device-width(The maximum width of the device)。

例如：

@media all and (max-width : 769px) {
  .navbar {
    display: none;
  }
}

如果width小于769px，则隐藏nav。

＆＃13;

@media all and (max-width : 769px) {
  .navbar {
    display: none;
  }
}

＆＃13;

<nav class="navbar navbar-default">
<li><a href="../navbar-fixed-top/">Fixed top</a></li>
<nav>

＆＃13;

注意：使用整页和调整浏览器大小。

如何隐藏bootstrap导航栏默认图标

3 个答案: