diff options
| author | Mark Otto <[email protected]> | 2013-08-19 00:38:20 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-19 00:38:20 -0700 |
| commit | 17c1388f230d01a88b29f18a209094cffbe2a2d3 (patch) | |
| tree | cce7f8ba33cee44c596d0d8f15ee3fc8b36a30ec /components.html | |
| parent | 07cecc88bc6794d7a27fb8530fd7813eb5e2b98a (diff) | |
| download | bootstrap-17c1388f230d01a88b29f18a209094cffbe2a2d3.tar.xz bootstrap-17c1388f230d01a88b29f18a209094cffbe2a2d3.zip | |
Consistent alert link examples (adds warning and reorders)
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/components.html b/components.html index da32c5dd7..65cfb2739 100644 --- a/components.html +++ b/components.html @@ -2213,26 +2213,32 @@ body { padding-bottom: 70px; } <h2 id="alerts-links">Links in alerts</h2> <p>Use the <code>.alert-link</code> utility class to quickly provide matching colored links within any alert.</p> <div class="bs-example"> - <div class="alert alert-danger"> - <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again. - </div> <div class="alert alert-success"> <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>. </div> <div class="alert alert-info"> <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important. </div> + <div class="alert alert-warning"> + <strong>Warning!</strong> Best check yo self, you're <a href="#" class="alert-link">not looking too good</a>. + </div> + <div class="alert alert-danger"> + <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again. + </div> </div> {% highlight html %} -<div class="alert alert-danger"> - <a href="#" class="alert-link">...</a> -</div> <div class="alert alert-success"> <a href="#" class="alert-link">...</a> </div> <div class="alert alert-info"> <a href="#" class="alert-link">...</a> </div> +<div class="alert alert-warning"> + <a href="#" class="alert-link">...</a> +</div> +<div class="alert alert-danger"> + <a href="#" class="alert-link">...</a> +</div> {% endhighlight %} </div> |