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