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


Posted in Javascript onDecember 07, 2016

直接看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>

效果如下:

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

注意其中的差异。

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
Jun 14 Javascript
Javascript中With语句用法实例
May 14 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 #Javascript
jQuery中get方法用法分析
Dec 07 #Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 #Javascript
jQuery删除当前节点元素
Dec 07 #Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 #Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
Dec 07 #Javascript
浅析js的模块化编写 require.js
Dec 07 #Javascript
You might like
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
PHP基础知识回顾
2012/08/16 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
JS实现区分中英文并统计字符个数的方法示例
2018/06/09 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
python实现网页链接提取的方法分享
2014/02/25 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
python3实现磁盘空间监控
2018/06/21 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
浅析Python __name__ 是什么
2020/07/07 Python
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
附答案的Java面试题
2012/11/19 面试题
extern在函数声明中是什么意思
2014/01/19 面试题
给排水工程师岗位职责
2013/11/21 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
师德个人剖析材料
2014/02/02 职场文书
青安岗事迹材料
2014/05/14 职场文书
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
年会邀请函范文
2015/01/30 职场文书