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 相关文章推荐
JS创建类和对象的两种不同方式
Aug 08 Javascript
Javascript闭包(Closure)详解
May 05 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
js字符串操作总结(必看篇)
Nov 22 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
实例解析php的数据类型
2018/10/24 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
javascript json 新手入门文档
2009/12/03 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
input点击后placeholder中的提示消息消失
2016/01/15 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
node.JS事件机制与events事件模块的使用方法详解
2020/02/06 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
2020/11/06 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
python实现划词翻译
2020/04/23 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
UNIX操作系统结构由哪几部分组成
2016/02/17 面试题
信息技术专业个人自我评价
2013/12/11 职场文书
个人评价范文分享
2014/01/11 职场文书
党员先锋岗事迹材料
2014/05/08 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2015年高三毕业班班主任工作总结
2015/10/22 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
关于Vue中的options选项
2022/03/22 Vue.js