码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 标签

时间:2020-02-04 23:57:46      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:trap   target   ati   href   https   upload   str   dem   racket   

 

本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签,如下面的实例所示:

实例

<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>

尝试一下 »

结果如下所示:

技术图片

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

实例

<span class="label label-default">默认标签</span> <span class="label label-primary">主要标签</span> <span class="label label-success">成功标签</span> <span class="label label-info">信息标签</span> <span class="label label-warning">警告标签</span> <span class="label label-danger">危险标签</span>

尝试一下 »

结果如下所示:

技术图片

Bootstrap 标签

标签:trap   target   ati   href   https   upload   str   dem   racket   

原文地址:https://www.cnblogs.com/apolloren/p/12261741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!