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 相关文章推荐
推荐:极酷右键菜单
Nov 29 Javascript
jscript之Open an Excel Spreadsheet
Jun 13 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
node.js使用nodemailer发送邮件实例
Mar 10 Javascript
JavaScript的各种常见函数定义方法
Sep 16 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
js解决movebox移动问题
Mar 29 Javascript
js实现简单的选项卡效果
Feb 23 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
Python引用传值概念与用法实例小结
2017/10/07 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
Python 将pdf转成图片的方法
2018/04/23 Python
利用python画出折线图
2018/07/26 Python
python机器学习库xgboost的使用
2020/01/20 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
高考考python编程是真的吗
2020/07/20 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
竞选班干部演讲稿100字
2014/08/20 职场文书
感谢信模板大全
2015/01/23 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
一文搞懂如何实现Go 超时控制
2021/03/30 Python
pandas 实现将NaN转换为None
2021/05/14 Python
MySQL学习必备条件查询数据
2022/03/25 MySQL
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技