Use wells to highlight sections of content. You're looking at a well right now, in the flesh!
| Modifier Classes | Modifies | Description |
|---|---|---|
.well--default | .well | Create a standard well. |
.well--success | .well | Use this state to indicate positive, forward progress |
.well--warning | .well | Create a button that indicates caution |
.well--info | .well | Use this state for triggering supplemental information |
.well--error | .well | Use this button to depict extreme caution or severity of action |
.well--disabled | .well | This button state is for when an action is unavailable |
.well--primary | .well | Button mapped to your branding's primary color, derived from color mappings in _colors.scss |
.well--secondary | .well | Button mapped to your branding's secondary color, derived from color mappings in _colors.scss |
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look
<div class="well">
<h3 class="m-b-1">Well, well, well.</h3>
<p>Qui optio qui mollitia repellendus quaerat laudantium dolor. Et facere nulla magnam. Quos et dolorem dolorem recusandae.Look</p>
</div>