[Docs—Fixes #15882]Use an ID as the example for Scrollspy

Fixes #15882 — Use an ID as the example for Scrollspy so that it is more clear that this is for use with a single nav.

[Docs—Fixes #15882]Use an ID as the example for Scrollspy
Fixes #15882 — Use an ID as the example for Scrollspy so that it is more clear that this is for use with a single nav.
ced312a9 · Kevin Kirsche · feda77f1 · ced312a9
Commit ced312a9 authored 10 years ago by Kevin Kirsche
Hide whitespace changes
Inline Side-by-side

Showing

with 3 additions and 3 deletions
+3 -3
--- a/docs/_includes/js/scrollspy.html
+++ b/docs/_includes/js/scrollspy.html
@@ -75,9 +75,9 @@ body {
 }
 {% endhighlight %}
 {% highlight html %}
-<body data-spy="scroll" data-target=".navbar-example">
+<body data-spy="scroll" data-target="#navbar-example">
  ...
-  <div class="navbar-example">
+  <div id="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
@@ -89,7 +89,7 @@ body {
  <h3>Via JavaScript</h3>
  <p>After adding <code>position: relative;</code> in your CSS, call the scrollspy via JavaScript:</p>
 {% highlight js %}
-$('body').scrollspy({ target: '.navbar-example' })
+$('body').scrollspy({ target: '#navbar-example' })
 {% endhighlight %}