Javascript 引导导航栏未折叠时闪烁

默认情况下，如果单击菜单项，引导导航栏菜单不会在小屏幕上折叠

我向每个菜单项添加了

data toggle=“collapse”

和

data target=“#navbar collapse”

，以便在选择菜单项时菜单将折叠

到目前为止还不错，但我注意到即使屏幕很大，导航栏也会闪烁，而且三明治菜单中没有导航栏项目。我猜是折叠动画

---

我的问题是，有没有办法防止这种闪烁/禁用CSS动画？我知道我可能会用jQuery终止动画，但我宁愿避免这种情况，因为整个应用程序都是在Angular中构建的，我认为这不是一个罕见的用例。

希望这对于您已经拥有的代码来说不是多余的，但您没有提到它，所以我假设您没有

把你的主div放在be

navbar-navbar-default

中，然后在里面放一个

container-fluid

div，然后把它放在后面：

<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navBodyId" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="#">Page Title</a>
</div>

切换导航

然后您可以像这样使用导航栏：

<div class="collapse navbar-collapse" id="navBodyId">
  <ul class="nav navbar-nav">
   ...
  </ul>
</div>

...

然后关闭我在顶部提到的两件事

---

你不应该把菜单的每一部分都折叠起来。希望这能有所帮助，如果没有的话，Bootstrap网站是一个非常好的资源，下面有很多源代码示例，但我相信你知道。

如果你查看我的Plunkr，你会发现我对导航栏使用了与你建议的相同的结构。我不想发布我的HTML代码，因为它有57行长。对不起，你的回答没有回答我的问题。哦，对不起，我没有看到你在顶部有那个链接