W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

Bootstrap 标签



标签是用来提供附加信息的东西:

Example New

Example New

Example New

Example New

Example New
Example New

您可以使用修饰的 类 .label-default.label-primary.label-success.label-info.label-warning.label-danger 来改变标签的外观,如下面的实例所示:

Example

<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
尝试一下 »

用下面的任何一个类即可改变标签的外观。

Default Label Primary Label Success Label Info Label Warning Label Danger Label

Example

<span class="label label-default">Default Label</span>
<span class="label label-primary">Primary Label</span>
<span class="label label-success">Success Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning Label</span>
<span class="label label-danger">Danger Label</span>
尝试一下 »
Note 如果标签数量很多怎么办?
如果你有大量的设置为 inline 属性的标签全部放在一个较窄的容器元素内,在页面上展示这些标签就会出现问题,每个标签就会有自己的一个 inline-block 元素(就像图标一样)。解决的办法是为每个标签都设置为 display: inline-block; 属性。