Bootstrap 标签

本章将讲解 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教程：Bootstrap标签
链接地址：http://www.mswzjz.com/qtweb/news44/190444.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联