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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
jQuery解析json数据实例分析
Nov 24 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
python访问纯真IP数据库的代码
2011/05/19 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
详解python中docx库的安装过程
2019/11/08 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
小学关爱留守儿童活动方案
2014/08/25 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
评先进个人材料
2014/12/29 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
校园安全主题班会
2015/08/12 职场文书
如何Python使用re模块实现okenizer
2022/04/30 Python
nginx lua 操作 mysql
2022/05/15 Servers