diff --git a/docs/javascript.html b/docs/javascript.html
index 400a93dd23d85e2ff7ab1d8c89bc45258366630b..e589c4670d3868cd98bbb725321b891f61344db7 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -625,10 +625,10 @@ $('#myModal').on('hidden', function () {
 </ul>
 
 <div class="tab-content">
-  <div class="active" id="home">...</div>
-  <div id="profile">...</div>
-  <div id="messages">...</div>
-  <div id="settings">...</div>
+  <div class="tab-pane active" id="home">...</div>
+  <div class="tab-pane" id="profile">...</div>
+  <div class="tab-pane" id="messages">...</div>
+  <div class="tab-pane" id="settings">...</div>
 </div>
 
 <script>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 6b2a3693d5815fbd51d932490e13778b4bab5a7c..66493dc0c645e33195997b8259999481dc9a63e1 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -560,10 +560,10 @@ $('#myModal').on('hidden', function () {
 </ul>
 
 <div class="tab-content">
-  <div class="active" id="home">...</div>
-  <div id="profile">...</div>
-  <div id="messages">...</div>
-  <div id="settings">...</div>
+  <div class="tab-pane active" id="home">...</div>
+  <div class="tab-pane" id="profile">...</div>
+  <div class="tab-pane" id="messages">...</div>
+  <div class="tab-pane" id="settings">...</div>
 </div>
 
 <script>