diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md
index 9bd3a3a53e..26d0dd433d 100644
--- a/docs/components/scrollspy.md
+++ b/docs/components/scrollspy.md
@@ -19,13 +19,13 @@ The ScrollSpy plugin is for automatically updating nav targets based on scroll p
     <ul class="nav nav-pills">
       <li class="nav-item"><a class="nav-link" href="#fat">@fat</a></li>
       <li class="nav-item"><a class="nav-link" href="#mdo">@mdo</a></li>
-      <li class="nav-item">
+      <li class="nav-item dropdown">
         <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
         <ul class="dropdown-menu">
-          <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>
+          <li><a class="dropdown-item" href="#one">one</a></li>
+          <li><a class="dropdown-item" href="#two">two</a></li>
+          <li role="separator" class="dropdown-divider"></li>
+          <li><a class="dropdown-item" href="#three">three</a></li>
         </ul>
       </li>
     </ul>