]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
overhaul alerts section of tests
authorMark Otto <otto@github.com>
Thu, 17 Jan 2013 20:24:16 +0000 (12:24 -0800)
committerMark Otto <otto@github.com>
Thu, 17 Jan 2013 20:24:16 +0000 (12:24 -0800)
less/tests/css-tests.html

index e1b93c9ce6c311c59c93dc595f7546e124e1b775..cdb6c7bcaa641b19e132eb896bab87ebd6ffd5a9 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.
+  <button type="button" class="close" data-dismiss="alert">&times;</button>
+  <strong>Alert!</strong> Best check yourself, you're not looking too good.
+</div>
+<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</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.
+  <button type="button" class="close" data-dismiss="alert">&times;</button>
+  <strong>Success!</strong> Best check yourself, you're not looking too good.
+</div>
+<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</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.
+  <button type="button" class="close" data-dismiss="alert">&times;</button>
+  <strong>Info!</strong> Best check yourself, you're not looking too good.
+</div>
+<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</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.
+  <button type="button" class="close" data-dismiss="alert">&times;</button>
+  <strong>Warning!</strong> Best check yourself, you're not looking too good.
+</div>
+<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</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.
+  <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>
+  <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>