0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01: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

Binary file not shown.

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;

View File

@ -1612,10 +1612,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;{{_i}}Warning!{{/i}}&lt;/strong&gt; {{_i}}Best check yo self, you're not looking too good.{{/i}}
&lt;/div&gt;
</pre>
<p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}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.{{/i}}</p>
<p>{{_i}}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.{{/i}}</p>
<div class="alert alert-block">
<a class="close" data-dismiss="alert" href="#">&times;</a>
@ -1624,7 +1625,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;{{_i}}Warning!{{/i}}&lt;/h4&gt;
{{_i}}Best check yo self, you're not...{{/i}}
&lt;/div&gt;