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对象及属性
Feb 13 Javascript
JS 分号引起的一段调试问题
Jun 18 Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
javascript实现table表格隔行变色的方法
May 13 Javascript
基于Vue2.0的分页组件
Mar 16 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 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
3种平台下安装php4经验点滴
2006/10/09 PHP
php中的一个中文字符串截取函数
2007/02/14 PHP
php将一维数组转换为每3个连续值组成的二维数组
2016/05/06 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
Python脚本实现网卡流量监控
2015/02/14 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
Python读写锁实现实现代码解析
2020/11/28 Python
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
幸福中国演讲稿
2014/09/12 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
早会开场白台词大全
2015/06/01 职场文书
初一军训感言
2015/08/01 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
Nginx配置Https安全认证的实现
2021/05/26 Servers
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python
sql注入教程之类型以及提交注入
2021/08/02 MySQL