diff --git a/docs/javascript.html b/docs/javascript.html
index dc35e4a374..d16926186e 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -242,8 +242,8 @@ $('#my-modal').bind('hidden', function () {
             <div id="topbar-example" class="topbar" data-dropdown="dropdown">
               <div class="topbar-inner">
                 <div class="container">
-                  <h3><a href="#">Project Name</a></h3>
-                  <ul>
+                  <a class="brand" href="#">Project Name</a>
+                  <ul class="nav">
                     <li><a href="#">Link</a></li>
                     <li><a href="#">Link</a></li>
                   </ul>
@@ -251,18 +251,18 @@ $('#my-modal').bind('hidden', function () {
                     <input type="text" placeholder="Search" />
                   </form>
                   <ul class="nav secondary-nav">
-                    <li class="menu">
-                      <a href="#" class="menu">Dropdown 1</a>
-                      <ul class="menu-dropdown">
+                    <li class="dropdown">
+                      <a href="#" class="dropdown-toggle">Dropdown 1</a>
+                      <ul class="dropdown-menu">
                         <li><a href="#">Secondary link</a></li>
                         <li><a href="#">Something else here</a></li>
                         <li class="divider"></li>
                         <li><a href="#">Another link</a></li>
                       </ul>
                     </li>
-                    <li class="menu">
-                      <a href="#" class="menu">Dropdown 2</a>
-                      <ul class="menu-dropdown">
+                    <li class="dropdown">
+                      <a href="#" class="dropdown-toggle">Dropdown 2</a>
+                      <ul class="dropdown-menu">
                         <li><a href="#">Secondary link</a></li>
                         <li><a href="#">Something else here</a></li>
                         <li class="divider"></li>