Tags

Tags are amazing as they come, but you can style them with just a bit of CSS.

Tag Selectors

Tags can be selected in CSS using the .tag class. There are several additional hooks available to limit your selections.

Selector

Description

.tag-sm

Selects only small tags.

.tag-md

Selects the default sized tags.

.tag-lg

Selects only large tags.

.tag-[type]

Selects tags by their type. Options include:

.tag-primary

.tag-secondary

.tag-success

.tag-info

.tag-warning

.tag-danger

Example

.tag.tag-sm.tag-info {
/* would select small tags of type info */
}

Styling the Tag's Text

To style the text of the tag use the .tag-text child selector.

.tag .tag-text {
color: #ee7625;
}