Update less/tests/css-tests.html

Extended css-tests with alerts (alerts and alert-blocks)
tximikel · Jan 17, 2013 · 650c77d · 650c77d
1 parent 558bc52
commit 650c77d
Showing 1 changed file with 59 additions and 0 deletions.
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
@@ -1291,10 +1291,69 @@ <h4>Radial</h4>
 <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 -->