Bootstrap Tags
This chapter will explain the Bootstrap tab. Other tags displayed on the label can be used for counting, tips or page. Useclass .label to display the label, as shown in the following example:
Examples
<H1> Example Heading <span class = "label label-default" > Label </ span> </ h1>
<H2> Example Heading <span class = "label label-default" > Label </ span> </ h2>
<H3> Example Heading <span class = "label label-default" > Label </ span> </ h3>
<H4> Example Heading <span class = "label label-default" > Label </ span> </ h4>
try it"
The results are as follows:
You can use the modifiedclass label-default, label-primary , label-success, label-info, label-warning, label-danger to alter the appearance of the label, as shown in the following examples:
Examples
<Span class = "label label-default" > default tab </ span>
<Span class = "label label-primary" > The main tag </ span>
<Span class = "label label-success" > successful tag </ span>
<Span class = "label label-info" > tab </ span>
<Span class = "label label-warning" > Warning Labels </ span>
<Span class = "label label-danger" > risk label </ span>
try it"
The results are as follows:
Further examples of labels
class | description | Examples |
---|---|---|
.label label-default | Default gray label | try it |
.label label-primary | "Primary" type of blue label | try it |
.label label-success | "Success" type of green label | try it |
.label label-info | "Info" type light blue label | try it |
.label label-warning | "Warning" type yellow label | try it |
.label label-danger | "Danger" type red label | try it |