编程 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>

效果如下：

注意其中的差异。

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

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

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

- Author -

kikay

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

Javascript 相关文章推荐

img的onload的另类用法

Jan 10 Javascript

让你的CSS像Jquery一样做筛选的实现方法

Jul 10 Javascript

JavaScript中原型和原型链详解

Feb 11 Javascript

iScroll中事件点击触发两次解决方案

Mar 11 Javascript

jQuery实现按键盘方向键翻页特效

Mar 18 Javascript

jQuery实现仿美橙互联两级导航菜单效果完整实例

Sep 17 Javascript

Vue.js 2.0 和 React、Augular等其他前端框架大比拼

Oct 08 Javascript

BootStrap Fileinput初始化时的一些参数

Dec 30 Javascript

vue+element的表格实现批量删除功能示例代码

Aug 17 Javascript

对vuex中getters计算过滤操作详解

Nov 06 Javascript

Antd表格滚动宽度自适应不换行的实例

Oct 27 Javascript

vue集成一个支持图片缩放拖拽的富文本编辑器

Jan 29 Vue.js

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下对字符串的递增运算代码

2010/08/21 PHP

php GeoIP的使用教程

2011/03/09 PHP

PHP借助phpmailer发送邮件

2015/05/11 PHP

php使用高斯算法实现图片的模糊处理功能示例

2016/11/11 PHP

PHP全功能无变形图片裁剪操作类与用法示例

2017/01/10 PHP

php使用curl代理实现抓取数据的方法

2017/02/03 PHP

JavaScript更改class和id的方法

2008/10/10 Javascript

jquery 的 $("#id").html() 无内容的解决方法

2010/06/07 Javascript

浅谈Javascript嵌套函数及闭包

2010/11/09 Javascript

基于jQuery架构javascript基础体系

2011/01/01 Javascript

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

2015/04/15 Javascript

js表单元素checked、radio被选中的几种方法(详解)

2016/08/22 Javascript

Bootstrap基本插件学习笔记之轮播幻灯片(23)

2016/12/08 Javascript

jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

2017/12/18 jQuery

Node.js使用Koa搭建基础项目

2018/01/08 Javascript

关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)

2018/09/04 Javascript

微信小程序实现的绘制table表格功能示例

2019/04/26 Javascript

JavaScript实现的联动菜单特效示例

2019/07/08 Javascript

vue移动端的左右滑动事件详解

2020/06/17 Javascript

mustache.js实现首页元件动态渲染的示例代码

2020/12/28 Javascript

[02:36]DOTA2英雄基础教程帕格纳

2014/01/20 DOTA

黑科技 Python脚本帮你找出微信上删除你好友的人

2016/01/07 Python

分享给Python新手们的几道简单练习题

2017/09/21 Python

python导入模块交叉引用的方法

2019/01/19 Python

python分布式爬虫中消息队列知识点详解

2020/11/26 Python

用CSS3写的模仿iPhone中的返回按钮

2015/04/04 HTML / CSS

Paradigit比利时电脑卖场：购买笔记本、电脑、平板和外围设备

2016/11/28 全球购物

SNIDEL官网：日本VIVI杂志人气少女第一品牌

2020/03/12 全球购物

应届毕业生求职自荐书

2014/01/03 职场文书

图书室标语

2014/06/21 职场文书

招商引资工作汇报材料

2014/10/28 职场文书

2014年销售助理工作总结

2014/12/01 职场文书

海上钢琴师观后感

2015/06/03 职场文书

法定授权委托证明书

2015/06/18 职场文书

Redis源码阅读:Redis字符串SDS详解

2021/07/15 Redis

MySql分区类型及创建分区的方法

2022/04/13 MySQL