Home > Web Front-end > Front-end Q&A > Which class in bootstrap can implement tags

Which class in bootstrap can implement tags

青灯夜游
Release: 2021-11-11 14:46:44
Original
1813 people have browsed it

In bootstrap, the ".label" class can implement labels. Labels can be used for counting, prompts or other mark displays on the page; they can be passed through "label-primary", "label-success", "label- info" and other modified classes to change the appearance of the label.

Which class in bootstrap can implement tags

The operating environment of this tutorial: Windows 7 system, bootsrap version 3.3.7, DELL G3 computer

In bootstrap, tags can be used Counts, tips, or other markup displays on the page. Use the .label class to display labels, as shown in the following example:

<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>
Copy after login

Which class in bootstrap can implement tags

##You can use modified classes label-default, label-primary, label-success, label-info, label-warning, label-danger to change the appearance of the label:

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
Copy after login

Which class in bootstrap can implement tags

Recommended learning: "

bootstrap usage tutorial

The above is the detailed content of Which class in bootstrap can implement tags. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template