]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Update less/tests/css-tests.html 6614/head
authorravage84 <ravage@bluewin.ch>
Thu, 17 Jan 2013 10:34:00 +0000 (11:34 +0100)
committerravage84 <ravage@bluewin.ch>
Thu, 17 Jan 2013 10:34:00 +0000 (11:34 +0100)
Extended css-tests with alerts (alerts and alert-blocks)

less/tests/css-tests.html

index 035ba8bd44a5080ffc4cd48efcacdedb103d4c54..e1b93c9ce6c311c59c93dc595f7546e124e1b775 100644 (file)
 <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 -->