Twitter bootstrap 在单击导航项目时折叠引导导航栏。在移动视口中

我是bootstrap的noob

在简单的引导导航栏中，我希望当用户单击导航项时，导航栏也会折叠。所以我做了下面给出的修改

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
        <a href="#" class="nav navbar-brand">RAHUL SONI</a>
    </div>    
    <div class="collapse navbar-collapse" id="navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="#" data-toggle="collapse" data-target="#navbar-collapse-1">About</a></li>
        <li><a href="#" data-toggle="collapse" data-target="#navbar-collapse-1">Survey</a></li>
      </ul>
    </div>
  </div>
</nav>

切换导航

它按我的要求工作。但当导航栏处于正常状态时，我在锚定标记中添加的data toggle=“collapse”data target=“#navbar-collapse-1”也会起作用

---

请给出建议。

现在查看您的数据，不切换您想要的是：

切换导航

您到底有什么问题？？？我也是soni hahaI希望data toggle=“collapse”data target=“#navbar-collapse-1”也能用于我的导航栏项目，但只能在导航栏处于折叠状态时使用。问题解决了吗？没有，我的代码可以正常工作，但在全宽状态下，单击要修复的导航项flick否，我希望在我的代码中进行切换，它在切换，但问题是当我的导航栏处于全宽状态，用户点击导航项时，我的导航栏会以一种奇怪的方式进行动画/轻弹。这是因为它处于切换状态，这就是为什么它会闪烁的原因。你自己给了它一个切换行为，它会全屏显示open wide，当你给它一个切换行为时，它就会发生显然，尽管无法更改引导行为，但有任何方法可以在移动状态下切换，但不能在全宽状态下切换。因为我使用angular js加载页面内容，而无需重新加载页面内容，并避免不必要的CSS重新加载，我已经说过你不能改变bootstarp的定义，虽然你可以使用媒体查询，但是你必须用html-css设计整个页面，使用html-css的导航栏并检查它