From 5d2062a3ccb0fed4901fc9f312c961d042f569bf Mon Sep 17 00:00:00 2001
From: =?utf8?q?Andreas=20Cederstro=CC=88m?= <andreas@klydd.se>
Date: Tue, 27 Mar 2012 08:36:34 +0200
Subject: [PATCH] Finish of close conversion from a to button

---
 docs/assets/bootstrap.zip                | Bin 56904 -> 56904 bytes
 docs/components.html                     |   6 ++++--
 docs/javascript.html                     |  10 +++++-----
 docs/templates/pages/components.mustache |   6 ++++--
 docs/templates/pages/javascript.mustache |  10 +++++-----
 5 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 93f495965d448721786e5075f640b38ea5a13a10..9a2c46153d6c73a1f76eb723de50c30c8308860f 100644
GIT binary patch
delta 918
zc-lL$hxx=FX5IjAW)?065NLL(p2(}9axK2l|2hztR&X;gvV3D?U|?|r$|BUY0M!Mm
zs9eXbP6SAEfYr^k5y7Tz<I6*w%s~0c>$n`SD%i}#ZO*|AbkSrRVM7s+ldhqwXcU$*
z2b(d^%M@$|hKlE2`o<tLCI(9DX6B~rhlX%6Fkd6&Y>=gibxznV-Cmb10CtvYzYTU3
zrTw`AU}rs@uS`@JP1aeUk39_X7gQ;Mje2v)7`qDN!*ya{=WMyDr*sXQMT|^x%<yQN
z{Oh*#Wcgd-O4o5IMYt;BmKQO~j@<GiqzvRfliT*V-G?x3>TPG-romGw&>KdCOam$N
lyAwc+vIBR#hzUELyN1LBNc~+~VwByx>nMP(Y_k46NdS3J@K*o;

delta 918
zc-lL$hxx=FX5IjAW)?065a{%-n#il5qBOI>Uj>LuE4UdLS-vtdFtCUKWfAJSfa(HO
zRFrY61JN8{bu(>5K<bpy)NOouh?5y8KY1OO16Bo_nYhh4z$$En4Z$ju&{Z@FOPPaJ
z%=0qEZpL#jePd>juL7lYGjr4RLqj+jn3V`Q8>nG&Vx5zS5;jY>*JTTUjGV06Z-ZS$
zX@9N&*jZ2KE32pw5k`}B7U+v$3(U>=3#ydBM!h*?EP~Cb&Bll8#K6wka#K%937bWX
zOmfWdXq)`&w)ABATjEN}xRfGX6>-ap7-dIp`4OYc<hDIA%BJ3S#;pvVN`c-m!tGl`
pEc)FEAV%4NJ6^<uoz7iDB^AP6sK0AVj8E^~bre81ZL<D7NdOSF+j0N^

diff --git a/docs/components.html b/docs/components.html
index 5df760459f..7854df5236 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1879,8 +1879,10 @@
     <div class="span4">
       <h2>Close icon</h2>
       <p>Use the generic close icon for dismissing content like modals and alerts.</p>
-      <p><a class="close" style="float: none;">&times;</a></p>
-<pre class="prettyprint linenums">&lt;a class="close"&gt;&amp;times;&lt;/a&gt;</pre>
+      <p><button class="close" style="float: none;">&times;</button></p>
+<pre class="prettyprint linenums">&lt;button class="close"&gt;&amp;times;&lt;/button&gt;</pre>
+      <p>iOS devices require an href="#" for click events if you rather use an anchor.</p>
+<pre class="prettyprint linenums">&lt;a class="close" href="#"&gt;&amp;times;&lt;/a&gt;</pre>
     </div><!--/span-->
   </div><!--/row-->
 </section>
diff --git a/docs/javascript.html b/docs/javascript.html
index 70646afdbb..4f777e0312 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -208,7 +208,7 @@
           <div class="well modal-example" style="background-color: #888; border: none;">
             <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1">
               <div class="modal-header">
-                <a href="#" class="close" data-dismiss="modal">&times;</a>
+                <button class="close" data-dismiss="modal">&times;</button>
                 <h3>Modal header</h3>
               </div>
               <div class="modal-body">
@@ -226,7 +226,7 @@
           <!-- sample modal content -->
           <div id="myModal" class="modal hide fade">
             <div class="modal-header">
-              <a class="close" data-dismiss="modal" >&times;</a>
+              <button class="close" data-dismiss="modal">&times;</button>
               <h3>Modal Heading</h3>
             </div>
             <div class="modal-body">
@@ -303,7 +303,7 @@
 <pre class="prettyprint linenums">
 &lt;div class="modal" id="myModal"&gt;
   &lt;div class="modal-header"&gt;
-    &lt;a class="close" data-dismiss="modal"&gt;&times;&lt;/a&gt;
+    &lt;button class="close" data-dismiss="modal"&gt;&times;&lt;/button&gt;
     &lt;h3&gt;Modal header&lt;/h3&gt;
   &lt;/div&gt;
   &lt;div class="modal-body"&gt;
@@ -964,11 +964,11 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           <h2>Example alerts</h2>
           <p>The alerts plugin works on regular alert messages, and block messages.</p>
           <div class="alert fade in">
-            <a class="close" data-dismiss="alert" href="#">&times;</a>
+            <button class="close" data-dismiss="alert">&times;</button>
             <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
           </div>
           <div class="alert alert-block alert-error fade in">
-            <a class="close" data-dismiss="alert" href="#">&times;</a>
+            <button class="close" data-dismiss="alert">&times;</button>
             <h4 class="alert-heading">Oh snap! You got an error!</h4>
             <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
             <p>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index ac06367ce1..b0d88dd14f 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -1802,8 +1802,10 @@
     <div class="span4">
       <h2>{{_i}}Close icon{{/i}}</h2>
       <p>{{_i}}Use the generic close icon for dismissing content like modals and alerts.{{/i}}</p>
-      <p><a class="close" style="float: none;">&times;</a></p>
-<pre class="prettyprint linenums">&lt;a class="close"&gt;&amp;times;&lt;/a&gt;</pre>
+      <p><button class="close" style="float: none;">&times;</button></p>
+<pre class="prettyprint linenums">&lt;button class="close"&gt;&amp;times;&lt;/button&gt;</pre>
+      <p>{{_i}}iOS devices require an href="#" for click events if you rather use an anchor.{{/i}}</p>
+<pre class="prettyprint linenums">&lt;a class="close" href="#"&gt;&amp;times;&lt;/a&gt;</pre>
     </div><!--/span-->
   </div><!--/row-->
 </section>
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index a5010f2262..d61a364f03 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -131,7 +131,7 @@
           <div class="well modal-example" style="background-color: #888; border: none;">
             <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1">
               <div class="modal-header">
-                <a href="#" class="close" data-dismiss="modal">&times;</a>
+                <button class="close" data-dismiss="modal">&times;</button>
                 <h3>{{_i}}Modal header{{/i}}</h3>
               </div>
               <div class="modal-body">
@@ -149,7 +149,7 @@
           <!-- sample modal content -->
           <div id="myModal" class="modal hide fade">
             <div class="modal-header">
-              <a class="close" data-dismiss="modal" >&times;</a>
+              <button class="close" data-dismiss="modal">&times;</button>
               <h3>{{_i}}Modal Heading{{/i}}</h3>
             </div>
             <div class="modal-body">
@@ -226,7 +226,7 @@
 <pre class="prettyprint linenums">
 &lt;div class="modal" id="myModal"&gt;
   &lt;div class="modal-header"&gt;
-    &lt;a class="close" data-dismiss="modal"&gt;&times;&lt;/a&gt;
+    &lt;button class="close" data-dismiss="modal"&gt;&times;&lt;/button&gt;
     &lt;h3&gt;Modal header&lt;/h3&gt;
   &lt;/div&gt;
   &lt;div class="modal-body"&gt;
@@ -887,11 +887,11 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           <h2>{{_i}}Example alerts{{/i}}</h2>
           <p>{{_i}}The alerts plugin works on regular alert messages, and block messages.{{/i}}</p>
           <div class="alert fade in">
-            <a class="close" data-dismiss="alert" href="#">&times;</a>
+            <button class="close" data-dismiss="alert">&times;</button>
             <strong>{{_i}}Holy guacamole!{{/i}}</strong> {{_i}}Best check yo self, you're not looking too good.{{/i}}
           </div>
           <div class="alert alert-block alert-error fade in">
-            <a class="close" data-dismiss="alert" href="#">&times;</a>
+            <button class="close" data-dismiss="alert">&times;</button>
             <h4 class="alert-heading">{{_i}}Oh snap! You got an error!{{/i}}</h4>
             <p>{{_i}}Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.{{/i}}</p>
             <p>
-- 
2.47.2