mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03:00
Code Activity

#1732: make examples of alerts in docs components page dismissable

Browse Source
This commit is contained in:
Mark Otto
2012-02-04 22:31:09 -08:00
parent 468688638d
commit b297a61f82
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components.html
+7 -7
View File
@@ -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">