0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

Update less/tests/css-tests.html

Extended css-tests with alerts (alerts and alert-blocks)
This commit is contained in:
ravage84 2013-01-17 11:34:00 +01:00
parent 558bc52432
commit 650c77ddb9

View File

@ -1291,10 +1291,69 @@
<h4>Striped</h4>
<div class="gradient-striped"></div>
<div class="page-header">
<h1>Alerts</h1>
</div>
<h4>Alert default</h4>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Alert!</strong> Best check yourself, you're not looking too good.
</div>
<h4>Success</h4>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Success!</strong> Best check yourself, you're not looking too good.
</div>
<h4>Info</h4>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Info!</strong> Best check yourself, you're not looking too good.
</div>
<h4>Warning</h4>
<div class="alert ">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Warning!</strong> Best check yourself, you're not looking too good.
</div>
<h4>Error</h4>
<div class="alert alert-error">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<strong>Error!</strong> Best check yourself, you're not looking too good.
</div>
<h4>Alert block default</h4>
<div class="alert alert-block">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<p><strong>Alert!</strong> Best check yourself, you're not looking too good.</p>
</div>
<h4>Success block</h4>
<div class="alert alert-block alert-success">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<p><strong>Success!</strong> Best check yourself, you're not looking too good.</p>
</div>
<h4>Info block</h4>
<div class="alert alert-block alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<p><strong>Info!</strong> Best check yourself, you're not looking too good.</p>
</div>
<h4>Warning block</h4>
<div class="alert alert-block alert-warning">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<p><strong>Warning!</strong> Best check yourself, you're not looking too good.</p>
</div>
<h4>Error block</h4>
<div class="alert alert-block alert-error">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<p><strong>Error!</strong> Best check yourself, you're not looking too good.</p>
</div>
</div><!-- /container -->