为了账号安全,请及时绑定邮箱和手机立即绑定

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>


正在回答

2 回答

那是因为你的代码中data-target=".navbar-responsive-collapse"都是指向这个class,你要改一下就不会两个都展开

0 回复 有任何疑惑可以回复我~

只需将你button按钮中属性data-target指向你需要展开的ul类名或id名即可

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信