标签 - Labels

什么是标签?如何创建标签?

标签是放在文本后面的提示信息,一般用 <span>外加 .label .label-default 创建

<h1>一号文本 <span class = "label label-default">标签</span></h1>
<h2>二号文本 <span class =" label label-default">标签</span></h2>
<h3>三号文本 <span class = "label label-default">标签</span></h3>
<h4>四号文本 <span class = "label label-default">标签</span></h4>
01.PNG

能够改变标签的外观样式吗?

.label-default, .label-primary, .label-success, .label-info, .label-warning, .label-danger 这几个类可以改变标签的外观样式

<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>
02.PNG
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,369评论 19 139
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 10,512评论 0 66
  • 教程整理自慕课网(原文部分错误在这篇文章得到修改,本文版本Bootstrap3.3.7)。 框架简介 Bootst...
    小小奶狗阅读 7,319评论 0 5
  • 胡兰成在一个风雨急骤的夜说:岁月静好,现世安稳。这是他对张爱玲的承诺。岁月静好,宁静、恬淡、静谧的生活态度,人人趋...
    梦槿馨阅读 12,568评论 0 4
  • HashMap Spring事物的传播特性
    菜鸟程序员一枚阅读 2,629评论 0 0