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高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
javascript实现英文首字母大写
Apr 23 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
vue项目刷新当前页面的三种方法
Dec 04 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
Mar 17 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微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
php文件包含的几种方式总结
2019/09/19 PHP
prototype class详解
2006/09/07 Javascript
菜鸟javascript基础整理1
2010/12/06 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
2019/01/06 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
Python 文件操作实现代码
2009/10/07 Python
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
python将txt文件读取为字典的示例
2018/12/22 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
家长给幼儿园的表扬信
2014/01/09 职场文书
环境保护标语
2014/06/20 职场文书
小学生志愿者活动方案
2014/08/23 职场文书
推荐信范文大全
2015/03/27 职场文书
统计员岗位职责范本
2015/04/14 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
python批量更改目录名/文件名的方法
2021/04/18 Python
为Java项目添加Redis缓存的方法
2021/05/18 Redis