Bootstrap基本样式学习笔记之标签(5)

更新时间：2016年12月07日 14:38:32 作者：kikay

这篇文章主要介绍了Bootstrap学习笔记之标签基本样式的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

直接看Bootstrap标签例子：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="../../css/bootstrap.min.css" rel="stylesheet">
 <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
 <script src="../../js/bootstrap.min.js"></script>
 <title>标签</title>
</head>
<body>
<div class="container">
 <div class="page-header">
 <h1>标签</h1>
 </div>
 <div>
 <p><button class="label label-danger">danger</button></p>
 <p><span class="label label-success">success</span></p>
 <p><span class="label label-primary">Primary</span></p>
 </div>
</div>
</body>
</html>

效果如下：

注意其中的差异。

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Layui 设置select下拉框自动选中某项的方法
今天小编就为大家分享一篇Layui 设置select下拉框自动选中某项的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
JS编写函数实现对身份证号码最后一位的验证功能
二代身份证号码为18位，怎么编写函数实现对身份证号码最后一位的验证功能呢？今天小编通过代码给大家分享下实现方法
2016-12-12
js 数组详细操作方法及解析合集
在开发中，数组的使用场景非常多，平日中也涉及到很多数组的api/相关操作，一直也没有对这块内容进行一块整理总结，很多时候就算用过几次这个api，在开发中也很容易忘记，还是要谷歌一下
2018-06-06
微信公众号H5之微信分享常见错误和问题(小结)
这篇文章主要介绍了微信公众号H5之微信分享常见错误和问题(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
javascript类型系统_正则表达式RegExp类型详解
下面小编就为大家带来一篇javascript类型系统_正则表达式RegExp类型详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
javascript实现链接单选效果的方法
这篇文章主要介绍了javascript实现链接单选效果的方法,可实现点击链接改变其背景色的功能,同时可禁用对应链接的跳转,需要的朋友可以参考下
2015-05-05
js实现可以点击收缩或张开的悬浮窗
这篇文章主要介绍了js实现可以点击收缩或张开的悬浮窗效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
JavaScript的三种BOM对象
这篇文章主要为大家介绍了JavaScript BOM对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>
2021-12-12
css transform 3D幻灯片特效实现步骤解读
3D幻灯片特效想必大家以不在陌生至于表现形式一般都是拘泥于传统接下来为大家介绍下使用css3 transform配合js以及html实现3D幻灯片特效
2013-03-03
js验证密码强度解析
这篇文章主要为大家详细介绍了js验证密码强度，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03