首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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个精彩的专题：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Bootstrap基本样式学习笔记之标签(5)

- Author -

kikay

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JavaScript 对象模型 执行模型
Dec 06 Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
vue使用watch 观察路由变化，重新获取内容
Mar 08 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
Ajax获取node服务器数据的完整步骤
Sep 20 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
切片(1) pdfkit(1) 结构体(1) 微信小程序(9) vue-esign(1) WeUI(1) map(4) Pillow(2) random(1) 指针(1)
You might like
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
javaScript对象和属性的创建方法
2007/01/15 Javascript
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
JS常见算法详解
2017/02/28 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
一个基于flask的web应用诞生 bootstrap框架美化（3）
2017/04/11 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
详解Python中where()函数的用法
2018/03/27 Python
python如何使用unittest测试接口
2018/04/04 Python
Python实现购物车程序
2018/04/16 Python
python-str,list,set间的转换实例
2018/06/27 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python reverse反转部分数组的实例
2018/12/13 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
PyQt5实现仿QQ贴边隐藏功能的实例代码
2020/05/24 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
Coltorti Boutique官网：来自意大利的设计师品牌买手店
2018/11/09 全球购物
交通工程专业推荐信
2014/09/06 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python