rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00
Code Issues Actions Packages Releases Activity

fix scrollspy example

Browse Source
This commit is contained in:
Thomas McDonald 2015-08-12 19:49:08 -07:00
parent 575a886437
commit 9305fd378f
1 changed files with 14 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/components/scrollspy.md
View File

@ -14,35 +14,21 @@ group: components
The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well. The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.
<div class="bd-example"> <div class="bd-example">
<nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation"> <nav id="navbar-example2" class="navbar navbar-default" role="navigation">
<div class="container-fluid"> <h3 class="navbar-brand">Project Name</h3>
<div class="navbar-header"> <ul class="nav nav-pills">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bd-example-js-navbar-scrollspy"> <li class="nav-item"><a class="nav-link" href="#fat">@fat</a></li>
<span class="sr-only">Toggle navigation</span> <li class="nav-item"><a class="nav-link" href="#mdo">@mdo</a></li>
<span class="icon-bar"></span> <li class="nav-item">
<span class="icon-bar"></span> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<span class="icon-bar"></span> <ul class="dropdown-menu">
</button> <li><a href="#one">one</a></li>
<a class="navbar-brand" href="#">Project Name</a> <li><a href="#two">two</a></li>
</div> <li role="separator" class="divider"></li>
<div class="collapse navbar-collapse bd-example-js-navbar-scrollspy"> <li><a href="#three">three</a></li>
<ul class="nav navbar-nav">
<li><a href="#fat">@fat</a></li>
<li><a href="#mdo">@mdo</a></li>
<li class="dropdown">
<a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDrop1">
<li><a href="#one">one</a></li>
<li><a href="#two">two</a></li>
<li role="separator" class="divider"></li>
<li><a href="#three">three</a></li>
</ul>
</li>
</ul> </ul>
</div> </li>
</div> </ul>
</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>