Latest web development tutorials

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:

label

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:

Tag variant

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