Bootstrap Labels
π
2026-06-19 | π Bootstrap
# Bootstrap Labels
This chapter will explain Bootstrap Labels. Labels can be used for counts, tips, or other markings on a page. Use the class **.label** to display a label, as shown in the following example:
## Example
Example Heading Label
Example Heading Label
Example Heading Label
Example Heading Label
[Try it Β»](#)
The result is as follows:

You can use the modifier classes **label-default, label-primary, label-success, label-info, label-warning, label-danger** to change the appearance of the label, as shown in the following example:
## Example
Default LabelPrimary LabelSuccess LabelInfo LabelWarning LabelDanger Label
[Try it Β»](#)
The result is as follows:

* * *
## More Label Examples
| Class | Description | Example |
| --- | --- | --- |
| .label label-default | Default gray label | (#) |
| .label label-primary | "Primary" type blue label | (#) |
| .label label-success | "Success" type green label | (#) |
| .label label-info | "Info" type light blue label | (#) |
| .label label-warning | "Warning" type yellow label | (#) |
| .label label-danger | "Danger" type red label | (#) |