Twitter bootstrap 多个导航栏,一页带汉堡菜单
我在一个页面上有2个导航条,在非移动宽度下工作良好 最上面的一个有汉堡菜单,很好用 但是,第二个菜单上的汉堡菜单会激活顶部的汉堡菜单。我怎样才能让它激活自己的汉堡菜单 顶部导航栏:Twitter bootstrap 多个导航栏,一页带汉堡菜单,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我在一个页面上有2个导航条,在非移动宽度下工作良好 最上面的一个有汉堡菜单,很好用 但是,第二个菜单上的汉堡菜单会激活顶部的汉堡菜单。我怎样才能让它激活自己的汉堡菜单 顶部导航栏: <nav class="navbar navbar-default navbar-static-top" id="topnavbar"> <div class="container"> <div class="navbar-header">
<nav class="navbar navbar-default navbar-static-top" id="topnavbar">
<div class="container">
<div class="navbar-header">
<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>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="#">My Dashboard</a>
</li>
<li>
<a href="#">Our Services</a>
</li>
<li>
<a href="#">Menu 2</a>
</li>
<li>
<a href="#">My Account</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Welcome John</a></li>
</ul>
</div>
</div>
</nav>
切换导航
-
-
-
-
下导航栏:
<nav class="navbar navbar-default" id="midnavbar">
<div class="container">
<div class="navbar-header">
<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>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li>
<a href="#">My<br />Favourites</a>
</li>
<li>
<a href="#">Active<br />Funds</a>
</li>
<li>
<a href="#">Passive<br />Funds</a>
</li>
<li>
<a href="#">JJ<br />Funds</a>
</li>
<li>
<a href="#">Fund<br />Ranges</a>
</li>
<li>
<a href="#">Model<br />Portfolios</a>
</li>
<li>
<a href="#">Sector<br />Factsheets</a>
</li>
<li>
<a href="#">Show<br />All</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<form class="navbar-form">
<button type="submit" class="btn btn-default btnsearch"><i class="glyphicon icon-search"></i></button>
</form>
</li>
</ul>
</div>
</div>
切换导航
-
-
-
-
-
-
-
-
-
我在谷歌上找不到这方面的任何信息。target=“#navbar_main”as id=“navbar_main”在移动潜水中可以很好地工作,在id基地上工作
请看演示
切换导航
-
-
-
-
切换导航
-
-
-
-
-
-
-
-
-