编程 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 相关文章推荐

js实现省市联动效果的简单实例

Feb 10 Javascript

jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

Aug 20 Javascript

如何动态加载外部Javascript文件

Dec 02 Javascript

用canvas 实现个图片三角化（LOW POLY）效果

Feb 18 Javascript

浅析angularJS中的ui-router和ng-grid模块

May 20 Javascript

JavaScript 继承详解（五）

Oct 11 Javascript

H5图片压缩与上传实例

Apr 21 Javascript

vue动态绑定组件子父组件多表单验证功能的实现代码

May 14 Javascript

vue动态绑定class的几种常用方式小结

May 21 Javascript

js神秘的电报密码哈弗曼编码实现

Sep 10 Javascript

vue项目或网页上实现文字转换成语音播放功能

Jun 09 Javascript

详解Node.js如何处理ES6模块

May 15 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

PHP6新特性分析

2016/03/03 PHP

laravel5.0在linux下解决.htaccess无效和去除index.php的问题

2019/10/16 PHP

php查看一个变量的占用内存的实例代码

2020/03/29 PHP

jQuery 处理表单元素的代码

2010/02/15 Javascript

点击隐藏页面左栏或右栏实现js代码

2013/04/01 Javascript

JavaScript 垃圾回收机制分析

2013/10/10 Javascript

AspNet中使用JQuery上传插件Uploadify详解

2015/05/20 Javascript

JQuery自适应窗口大小导航菜单附源码下载

2015/09/01 Javascript

解决JS无法调用Controller问题的方法

2015/12/31 Javascript

JS模仿手机端九宫格登录功能实现代码

2016/04/28 Javascript

浅谈JS读取DOM对象(标签)的自定义属性

2016/11/21 Javascript

BootStrap Tooltip插件源码解析

2016/12/27 Javascript

Vue.js教程之axios与网络传输的学习实践

2017/04/29 Javascript

node koa2实现上传图片并且同步上传到七牛云存储

2017/07/31 Javascript

使用webpack编译es6代码的方法步骤

2019/04/28 Javascript

Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定

2019/04/29 Javascript

亲自动手实现vue日历控件

2019/06/26 Javascript

JavaScript交换两个变量方法实例

2019/11/25 Javascript

JS canvas实现画板和签字板功能

2021/02/23 Javascript

Django如何使用jwt获取用户信息

2020/04/21 Python

django模板获取list中指定索引的值方式

2020/05/14 Python

CSS3等相关属性制作分页导航实现代码

2012/12/24 HTML / CSS

怀俄明州飞钓：Platte River Fly Shop

2017/12/28 全球购物

世界上第一个创建了罩杯系统的美国内衣品牌：Maidenform

2019/03/23 全球购物

优秀党员申报材料

2014/12/18 职场文书

一个独生女的故事观后感

2015/06/04 职场文书

社会实践单位意见

2015/06/05 职场文书

小学毕业感言200字

2015/07/30 职场文书

幼儿园奖惩制度范本

2015/08/05 职场文书

新年寄语2016

2015/08/17 职场文书

2016年教师节慰问信

2015/12/01 职场文书

2016清明节森林防火广播稿

2015/12/17 职场文书

高中政治教学反思

2016/02/23 职场文书

教你使用Pandas直接核算Excel中快递费用

2021/05/12 Python

mybatis3中@SelectProvider传递参数方式

2021/08/04 Java/Android

mysql事务隔离级别详情

2021/10/24 MySQL