Labels

v3.x

Labels pop! When not overused, they add meaning contextually.

BBootstrap 3.x | Labels


Large

Normal

Small


<span class='label label-danger label-large'>Large</span>
<span class='label label-info'>Normal</span>
<span class='label label-success label-small'>Small</span>

Custom CSS

Bootstrap labels typically assume the size of their containing elements. You may need to add custom CSS of .label-large" or .label-small if you wish to allow bigger or smaller labels.

View all custom Bootstrapr.io CSS
.label-large {
   font-size: large;
}

.label-small {
   font-size: xx-small;
}