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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
javascript匿名函数应用示例介绍
Mar 07 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
浅析vue-router原理
Oct 19 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
js中apply和call的理解与使用方法
Nov 27 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 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实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
JS实现排行榜文字向上滚动轮播效果
2019/11/26 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
简述Python中的面向对象编程的概念
2015/04/27 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
python实现趣味图片字符化
2019/04/30 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
飞利浦比利时官方网站:Philips比利时
2016/08/24 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
学校介绍信范文
2014/01/14 职场文书
物业保安员岗位职责
2014/03/14 职场文书
音乐节策划方案
2014/06/09 职场文书
环保宣传标语
2014/06/12 职场文书
会议欢迎标语
2014/06/30 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
react中props 的使用及进行限制的方法
2021/04/28 Javascript