YouTip LogoYouTip

Bootstrap Labels

# 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: ![Image 3: Labels](#) 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: ![Image 4: Label Variations](#) * * * ## 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 | (#) |
← Bootstrap BadgesBootstrap Pagination β†’