From 9b1520ee60eb37f2078feb3a55b96207dccb674c Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 7 Feb 2013 19:34:06 -0800
Subject: [PATCH] update example code

---
 docs/javascript.html                     | 29 +++++++++++++-----------
 docs/templates/pages/javascript.mustache | 29 +++++++++++++-----------
 2 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/docs/javascript.html b/docs/javascript.html
index 9af6a3cd44..853185b703 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -277,24 +277,27 @@ $('#myModal').on('show', function (e) {
 
 &lt!-- Modal --&gt;
 &lt;div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
-  &lt;div class="modal-header"&gt;
-    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&times;&lt;/button&gt;
-    &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
-  &lt;/div&gt;
-  &lt;div class="modal-body"&gt;
-    &lt;p&gt;One fine body&hellip;&lt;/p&gt;
-  &lt;/div&gt;
-  &lt;div class="modal-footer"&gt;
-    &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
-    &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
+  &lt;div class="modal-dialog"&gt;
+    &lt;div class="modal-content"&gt;
+
+      &lt;div class="modal-header"&gt;
+        &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
+        &lt;h4 class="modal-title"&gt;Modal title&lt;/h4&gt;
+      &lt;/div&gt;
+      &lt;div class="modal-body"&gt;
+        ...
+      &lt;/div&gt;
+      &lt;div class="modal-footer"&gt;
+        &lt;a href="#" class="btn"&gt;Close&lt;/a&gt;
+        &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
+      &lt;/div&gt;
+
+    &lt;/div&gt;
   &lt;/div&gt;
 &lt;/div&gt;
 </pre>
 
 
-          <hr class="bs-docs-separator">
-
-
           <h2>Usage</h2>
 
           <h3>Via data attributes</h3>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index c0e8f59786..e33e63aa46 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -210,24 +210,27 @@ $('#myModal').on('show', function (e) {
 
 &lt!-- Modal --&gt;
 &lt;div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
-  &lt;div class="modal-header"&gt;
-    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&times;&lt;/button&gt;
-    &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
-  &lt;/div&gt;
-  &lt;div class="modal-body"&gt;
-    &lt;p&gt;One fine body&hellip;&lt;/p&gt;
-  &lt;/div&gt;
-  &lt;div class="modal-footer"&gt;
-    &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
-    &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
+  &lt;div class="modal-dialog"&gt;
+    &lt;div class="modal-content"&gt;
+
+      &lt;div class="modal-header"&gt;
+        &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
+        &lt;h4 class="modal-title"&gt;Modal title&lt;/h4&gt;
+      &lt;/div&gt;
+      &lt;div class="modal-body"&gt;
+        ...
+      &lt;/div&gt;
+      &lt;div class="modal-footer"&gt;
+        &lt;a href="#" class="btn"&gt;Close&lt;/a&gt;
+        &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
+      &lt;/div&gt;
+
+    &lt;/div&gt;
   &lt;/div&gt;
 &lt;/div&gt;
 </pre>
 
 
-          <hr class="bs-docs-separator">
-
-
           <h2>Usage</h2>
 
           <h3>Via data attributes</h3>