diff options
Diffstat (limited to 'docs/components/scrollspy.md')
| -rw-r--r-- | docs/components/scrollspy.md | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md index 892d641da..dde50fc2a 100644 --- a/docs/components/scrollspy.md +++ b/docs/components/scrollspy.md @@ -7,11 +7,11 @@ title: Srollspy 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="bs-example"> +<div class="bd-example"> <nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> - <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-scrollspy"> + <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bd-example-js-navbar-scrollspy"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> @@ -19,7 +19,7 @@ The ScrollSpy plugin is for automatically updating nav targets based on scroll p </button> <a class="navbar-brand" href="#">Project Name</a> </div> - <div class="collapse navbar-collapse bs-example-js-navbar-scrollspy"> + <div class="collapse navbar-collapse bd-example-js-navbar-scrollspy"> <ul class="nav navbar-nav"> <li><a href="#fat">@fat</a></li> <li><a href="#mdo">@mdo</a></li> @@ -93,15 +93,17 @@ After adding `position: relative;` in your CSS, call the scrollspy via JavaScrip $('body').scrollspy({ target: '#navbar-example' }) {% endhighlight %} -<div class="bs-callout bs-callout-danger"> - <h4>Resolvable ID targets required</h4> - <p>Navbar links must have resolvable id targets. For example, a <code><a href="#home">home</a></code> must correspond to something in the DOM like <code><div id="home"></div></code>.</p> -</div> +{% callout danger %} +#### Resolvable ID targets required -<div class="bs-callout bs-callout-info"> - <h4>Non-<code>:visible</code> target elements ignored</h4> - <p>Target elements that are not <a href="http://api.jquery.com/visible-selector/"><code>:visible</code> according to jQuery</a> will be ignored and their corresponding nav items will never be highlighted.</p> -</div> +Navbar links must have resolvable id targets. For example, a `<a href="#home">home</a>` must correspond to something in the DOM like `<div id="home"></div>`. +{% endcallout %} + +{% callout info %} +#### Non-`:visible` target elements ignored + +Target elements that are not [`:visible` according to jQuery](http://api.jquery.com/visible-selector/) will be ignored and their corresponding nav items will never be highlighted. +{% endcallout %} ### Methods |