kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

fixes #9644: update scrollspy navbar to use latest code

Browse source
This commit is contained in:
Mark Otto 2013-08-15 14:46:28 -07:00
parent e3c6a1fc4f
commit e0c6a5a32f
1 changed files with 22 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
javascript.html
View file

@ -365,7 +365,7 @@ $('#myModal').on('hidden.bs.modal', function () {
</button> </button>
<a class="navbar-brand" href="#">Project Name</a> <a class="navbar-brand" href="#">Project Name</a>
</div> </div>
<div class="navbar-collapse collapse bs-js-navbar-collapse"> <div class="collapse navbar-collapse bs-js-navbar-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="dropdown"> <li class="dropdown">
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
@ -528,21 +528,29 @@ $('#myDropdown').on('show.bs.dropdown', function () {
<div class="bs-example"> <div class="bs-example">
<nav id="navbar-example2" class="navbar navbar-static" role="navigation"> <nav id="navbar-example2" class="navbar navbar-static" role="navigation">
<div class="navbar-header"> <div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-scrollspy">
<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="#">Project Name</a> <a class="navbar-brand" href="#">Project Name</a>
</div> </div>
<ul class="nav navbar-nav"> <div class="collapse navbar-collapse bs-js-navbar-scrollspy">
<li><a href="#fat">@fat</a></li> <ul class="nav navbar-nav">
<li><a href="#mdo">@mdo</a></li> <li><a href="#fat">@fat</a></li>
<li class="dropdown"> <li><a href="#mdo">@mdo</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <li class="dropdown">
<ul class="dropdown-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<li><a href="#one">one</a></li> <ul class="dropdown-menu">
<li><a href="#two">two</a></li> <li><a href="#one">one</a></li>
<li class="divider"></li> <li><a href="#two">two</a></li>
<li><a href="#three">three</a></li> <li class="divider"></li>
</ul> <li><a href="#three">three</a></li>
</li> </ul>
</ul> </li>
</ul>
</div>
</nav> </nav>
<div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example"> <div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example">
<h4 id="fat">@fat</h4> <h4 id="fat">@fat</h4>