aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-02-04 22:31:09 -0800
committerMark Otto <[email protected]>2012-02-04 22:31:09 -0800
commitb297a61f82e567a5dccb99d1a01d46c5d8329e95 (patch)
tree5be0e71beb1d7c0e6835b691d7d99e2ddf93f7ed /docs/components.html
parent468688638d69e23141ec4abda074a36e888c12c7 (diff)
downloadbootstrap-b297a61f82e567a5dccb99d1a01d46c5d8329e95.tar.xz
bootstrap-b297a61f82e567a5dccb99d1a01d46c5d8329e95.zip
#1732: make examples of alerts in docs components page dismissable
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html14
1 files changed, 7 insertions, 7 deletions
diff --git a/docs/components.html b/docs/components.html
index bd2e437a5..1d3971c06 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1294,24 +1294,24 @@
<h3>Example alerts</h3>
<p>Wrap your message and an optional close icon in a div with simple class.</p>
<div class="alert">
- <a class="close">&times;</a>
+ <a class="close" data-dismiss="alert">&times;</a>
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
<pre class="prettyprint linenums">
&lt;div class="alert"&gt;
- &lt;a class="close"&gt;&times;&lt;/a&gt;
+ &lt;a class="close data-dismiss="alert"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>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">&times;</a>
+ <a class="close" data-dismiss="alert">&times;</a>
<h4 class="alert-heading">Warning!</h4>
<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
</div>
<pre class="prettyprint linenums">
&lt;div class="alert alert-block"&gt;
- &lt;a class="close"&gt;&times;&lt;/a&gt;
+ &lt;a class="close" data-dismiss="alert"&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;
@@ -1324,7 +1324,7 @@
<div class="span4">
<h3>Error or danger</h3>
<div class="alert alert-error">
- <a class="close">&times;</a>
+ <a class="close" data-dismiss="alert">&times;</a>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<pre class="prettyprint linenums">
@@ -1336,7 +1336,7 @@
<div class="span4">
<h3>Success</h3>
<div class="alert alert-success">
- <a class="close">&times;</a>
+ <a class="close" data-dismiss="alert">&times;</a>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<pre class="prettyprint linenums">
@@ -1348,7 +1348,7 @@
<div class="span4">
<h3>Information</h3>
<div class="alert alert-info">
- <a class="close">&times;</a>
+ <a class="close" data-dismiss="alert">&times;</a>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<pre class="prettyprint linenums">