index中放两个响应式导航条，怎么点一个，两个都展开？怎么解决？

<div class="navbar navbar-default" role="navigation">

  　<div class="navbar-header">

  　<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">

    <span class="sr-only">Toggle Navigation</span>

    <span class="icon-bar"></span>

  　</button>

  　    <a href="##" class="navbar-brand">慕课网</a>

  　</div>

  　<div class="collapse navbar-collapse navbar-responsive-collapse">

<ul class="nav navbar-nav">

<li class="active"><a href="##">网站首页</a></li>

        <li><a href="##">系列教程</a></li>

        <li><a href="##">名师介绍</a></li>

        <li><a href="##">成功案例</a></li>

        <li><a href="##">关于我们</a></li>

</ul>

</div>

</div>