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+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
JS检测图片大小的实例
Aug 21 Javascript
用JS做的简单的可折叠的两级树形菜单
Sep 21 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
jQuery鼠标事件汇总
Aug 30 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
模拟javascript中的sort排序(简单实例)
Aug 17 Javascript
js实现上传图片预览方法
Oct 25 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 Javascript
vue项目中极验验证的使用代码示例
Dec 03 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小偷程序)
2014/08/23 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
php实现微信支付之现金红包
2018/05/30 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
JQuery UI皮肤定制
2009/07/27 Javascript
JavaScript学习笔记(一) js基本语法
2011/10/25 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
详解javascript常用工具类的封装
2018/01/30 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
微信小程序实现简单文字跑马灯
2020/05/26 Javascript
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
python 元组和列表的区别
2020/12/30 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
运动会通讯稿50字
2014/01/30 职场文书
法律顾问服务方案
2014/05/15 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
综治工作汇报材料
2014/10/27 职场文书
2015年资料员工作总结
2015/04/25 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
导游词之上饶龟峰
2019/10/25 职场文书
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis
mysql 获取相邻数据项
2022/05/11 MySQL