Labels

Labels are inline elements with multiple styles that can be used to create text indicators.

Basic

Add the .bs-label CSS class to any element to transform it into a label.

Example heading New

Background colors

You can use the color helper CSS classes to add different backgrounds to the label element.

Theme inherited

The .label-primary color 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 primary background color.

Framework inherited

The color helper classes below come packed with the Bratilius Framework.

Result	Helper class	Description
Default	`.label-default`	This is the default background color.
Success	`.label-success`	Used for success actions.
Danger	`.label-danger`	Used for error actions.
Warning	`.label-warning`	Used for warning actions.
Info	`.label-info`	Used for information actions.

Additional colors

These helper classes also come packed with the Bratilius 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.