Alert

Your standard alert messages.

Modifiers

.alert-danger
Error message.
.alert-warning
Caution message.
.alert-info
Information message.
.alert-success
Successfull message

Example

My alert message ×
My alert message ×
My alert message ×
My alert message ×

Markup

              
              
 <div class="alert alert-danger">
   My alert message
   <span class="alert-close">&times;</span>
 </div>
 <div class="alert alert-warning">
   My alert message
   <span class="alert-close">&times;</span>
 </div>
 <div class="alert alert-info">
   My alert message
   <span class="alert-close">&times;</span>
 </div>
 <div class="alert alert-success">
   My alert message
   <span class="alert-close">&times;</span>
 </div>
              
              

Button

Your standard form button.

Modifiers

:hover
Highlights when hovering.
:disabled
Dims the button when disabled.
.btn-primary
Indicates button is the primary action.
.btn-smaller
A smaller button

Example

Markup

              
              
   <button class="btn btn-primary">I'm a button</button>
   <button class="btn btn-smaller">I'm a small button</button>
              
              

Colors

colors of my website,Your standard alert messages.

#fff - $variable name
#f0f - $pink
#0ff - $lightBlue
#ff0000 - $red