mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00
Code Issues Releases Wiki Activity

Readd focused example of inputs to docs; clean up alerts section

Browse Source
This commit is contained in:
Mark Otto
2013-01-17 15:36:36 -08:00
parent 32bcbe5671
commit 97975c5fcf
5 changed files with 23 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/components.html
View File

@@ -1578,9 +1578,6 @@
<p>Use the <a href="./javascript.html#alerts">alerts jQuery plugin</a> for quick and easy dismissal of alerts.</p>
<hr class="bs-docs-separator">
<h2>Options</h2>
<p>For longer messages, increase the padding on the top and bottom of the alert wrapper by adding <code>.alert-block</code>.</p>
<div class="bs-docs-example">
@@ -1599,51 +1596,28 @@
</pre>
<hr class="bs-docs-separator">
<h2>Contextual alternatives</h2>
<p>Add optional classes to change an alert's connotation.</p>
<h3>Error or danger</h3>
<div class="bs-docs-example">
<div class="alert alert-error">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
</div>
<pre class="prettyprint linenums">
&lt;div class="alert alert-error"&gt;
...
&lt;/div&gt;
</pre>
<h3>Success</h3>
<div class="bs-docs-example">
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
</div>
<pre class="prettyprint linenums">
&lt;div class="alert alert-success"&gt;
...
&lt;/div&gt;
</pre>
<h3>Information</h3>
<div class="bs-docs-example">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
</div>
<pre class="prettyprint linenums">
&lt;div class="alert alert-info"&gt;
...
&lt;/div&gt;
&lt;div class="alert alert-error"&gt;... &lt;/div&gt;
&lt;div class="alert alert-success"&gt;...&lt;/div&gt;
&lt;div class="alert alert-info"&gt;...&lt;/div&gt;
</pre>
</section>