From fe160261e460903cae251de25eaf41f236bd051e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 15 Jan 2012 11:30:24 -0800 Subject: normalize the alert classes to match last night's flip for form and table classes --- docs/components.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index 83a024456..c9390272d 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1132,7 +1132,7 @@

Rewritten base class

With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outter <div>.

Single alert message

-

For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to .block-alert.

+

For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to .alert-block.


Goes great with javascript

Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.

@@ -1151,14 +1151,14 @@ <strong>Warning!</strong> Best check yo self, you’re not looking too good. </div> -

Easily extend the standard alert message with two optional classes: .block-alert for more padding and text controls and .alert-heading for a matching heading.

-
+

Easily extend the standard alert message with two optional classes: .alert-block for more padding and text controls and .alert-heading for a matching heading.

+
×

Warning!

Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

-<div class="alert block-alert">
+<div class="alert alert-block">
   <a class="close">×</a>
   <h4 class="alert-heading">Warning!</h4>
   Best check yo self, you’re not...
@@ -1171,36 +1171,36 @@
   

Error or danger

-
+
× Oh snap! Change a few things up and try submitting again.
-<div class="alert error-alert">
+<div class="alert alert-error">
   ...
 </div>
 

Success

-
+
× Well done! You successfully read this important alert message.
-<div class="alert success-alert">
+<div class="alert alert-success">
   ...
 </div>
 

Information

-
+
× Heads up! This alert needs your attention, but it’s not super important.
-<div class="alert info-alert">
+<div class="alert alert-info">
   ...
 </div>
 
-- cgit v1.2.3