<h3 id="alerts-alternatives">Contextual alternatives</h3>
<p>Add optional classes to change an alert's connotation.</p>
<div class="bs-docs-example">
- <div class="alert alert-error">
+ <div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
</div>
</div>
{% highlight html linenos %}
-<div class="alert alert-error">...</div>
+<div class="alert alert-danger">...</div>
<div class="alert alert-success">...</div>
<div class="alert alert-info">...</div>
{% endhighlight %}
color: darken(@state-success-text, 10%);
}
}
-.alert-danger,
-.alert-error {
+.alert-danger {
background-color: @state-danger-bg;
border-color: @state-danger-border;
color: @state-danger-text;