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实现省市联动效果的简单实例
Feb 10 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
H5图片压缩与上传实例
Apr 21 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
vue动态绑定class的几种常用方式小结
May 21 Javascript
js神秘的电报密码 哈弗曼编码实现
Sep 10 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 Javascript
详解Node.js如何处理ES6模块
May 15 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
PHP6新特性分析
2016/03/03 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
jQuery 处理表单元素的代码
2010/02/15 Javascript
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
JS canvas实现画板和签字板功能
2021/02/23 Javascript
Django如何使用jwt获取用户信息
2020/04/21 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
优秀党员申报材料
2014/12/18 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
社会实践单位意见
2015/06/05 职场文书
小学毕业感言200字
2015/07/30 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
新年寄语2016
2015/08/17 职场文书
2016年教师节慰问信
2015/12/01 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
高中政治教学反思
2016/02/23 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android
mysql事务隔离级别详情
2021/10/24 MySQL