Labels are inline elements with multiple styles that can be used to create text indicators.
Add the .bs-labelCSS class to any element to transform it into a label.
You can use the color helper CSS classes to add different backgrounds to the label element.
The .label-primarycolor can be inherited from a theme color scheme you select. These colors are usually used through out the app to style different kinds of widgets, components and elements.
| Result | Helper class | Description |
|---|---|---|
| Primary | .label-primary | This is the primarybackground color. |
The color helper classes below come packed with the Supina Framework.
| Result | Helper class | Description |
|---|---|---|
| Default | .label-default | This is the defaultbackground color. |
| Success | .label-success | Used for successactions. |
| Danger | .label-danger | Used for erroractions. |
| Warning | .label-warning | Used for warningactions. |
| Info | .label-info | Used for informationactions. |
These helper classes also come packed with the Supina Framework.
| Result | Helper class | Description |
|---|---|---|
| Blue alternate | .label-blue-alt | Alternate blue background. |
| Yellow | .label-yellow | Yellow background. |
| Purple | .label-purple | Purple background. |
| Azure | .label-azure | Azure background. |
| Black | .label-black | Black background. |
| black | .label-black | black background. |
| black alternate | .label-black-alt | black alternate background. |
On the other hand, we denounce...
Dislike men who are so beguiled...
Of pleasure of the moment, so...
That they cannot foresee the...
Pain and trouble that are bound...
Equal blame belongs to those...
Weakness of will, which is same...
These cases are perfectly simple...
