Bootstrap学习日记之标签

  标签是什么?

    标签就是在html中用于标记文本作用或者计数提示等作用的元素。

创建基本标签

  • 创建class="label"的<span>
  • 在<span>中写标签内容
  • 可以选择很多个标签的样式,比如默认的class="label label-default"、class="label label-prmary"
<h3>这是一个标签<span class="label label-default">label</span></h3>

代码解读:我们在<span>中编写了标签,为什么要用<span>呢?这是因为<span>是内联级元素,只能容纳文本,或者其他内联级元素,用<span>正好

运行结果

创建带有不同风格的标签

<h3>这是一个标签<span class="label label-primary">主要标签</span></h3>
<h3>这是一个标签<span class="label label-default">默认标签</span></h3>
<h3>这是一个标签<span class="label label-success">成功标签</span></h3>
<h3>这是一个标签<span class="label label-danger">危险标签</span></h3>
<h3>这是一个标签<span class="label label-info">信息标签</span></h3>

运行结果

注:本篇文章为博主在菜鸟教程学习的日记,菜鸟教程:http://www.runoob.com/

猜你喜欢

转载自blog.csdn.net/qq_41889956/article/details/82717920
今日推荐