2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00

add heads up note for required href on alert dismiss actions

This commit is contained in:
Mark Otto
2012-03-25 19:47:13 -07:00
parent 4893928310
commit ea437351ed
3 changed files with 6 additions and 4 deletions
+3 -2
View File
@@ -1689,10 +1689,11 @@
</div>
<pre class="prettyprint linenums">
&lt;div class="alert"&gt;
&lt;a class="close" data-dismiss="alert"&gt;&times;&lt;/a&gt;
&lt;a class="close" data-dismiss="alert" href="#"&gt;&times;&lt;/a&gt;
&lt;strong&gt;Warning!&lt;/strong&gt; Best check yo self, you're not looking too good.
&lt;/div&gt;
</pre>
<p><span class="label label-info">Heads up!</span> iOS devices require an <code>href="#"</code> for the dismissal of alerts. Be sure to include it and the data attribute for fully responsive and dismissable alerts.</p>
<p>Easily extend the standard alert message with two optional classes: <code>.alert-block</code> for more padding and text controls and <code>.alert-heading</code> for a matching heading.</p>
<div class="alert alert-block">
<a class="close" data-dismiss="alert" href="#">&times;</a>
@@ -1701,7 +1702,7 @@
</div>
<pre class="prettyprint linenums">
&lt;div class="alert alert-block"&gt;
&lt;a class="close" data-dismiss="alert"&gt;&times;&lt;/a&gt;
&lt;a class="close" data-dismiss="alert" href="#"&gt;&times;&lt;/a&gt;
&lt;h4 class="alert-heading"&gt;Warning!&lt;/h4&gt;
Best check yo self, you're not...
&lt;/div&gt;