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

jquery ajax例子返回值详解

Sep 11 Javascript

关于include标签导致js路径找不到的问题分析及解决

Jul 09 Javascript

表单元素与非表单元素刷新区别详细解析

Nov 06 Javascript

jQuery选择器基础入门教程

May 10 Javascript

bootstrap3 dialog 更强大、更灵活的模态框

Apr 20 Javascript

Angular 4 依赖注入学习教程之FactoryProvider的使用（四）

Jun 04 Javascript

js 两数组去除重复数值的实例

Dec 06 Javascript

vueJs实现DOM加载完之后自动下拉到底部的实例代码

Aug 31 Javascript

JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

Jan 09 Javascript

详解一个基于react+webpack的多页面应用配置

Jan 21 Javascript

微信小程序实现点击空白隐藏的方法示例

Aug 13 Javascript

js实现动态时钟

Mar 12 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

thinkphp缓存技术详解

2014/12/09 PHP

Locate a File Using a File Open Dialog Box

2007/06/18 Javascript

js 键盘记录实现(兼容FireFox和IE)

2010/02/07 Javascript

jQuery插件 tabBox实现代码

2010/02/09 Javascript

jquery中animate动画积累的解决方法

2013/10/05 Javascript

js之事件冒泡和事件捕获详细介绍

2013/10/28 Javascript

javascript自定义startWith()和endWith()的两种方法

2013/11/11 Javascript

利用jQuery和CSS将背景图片拉伸

2015/10/16 Javascript

jquery实现页面常用的返回顶部效果

2016/03/04 Javascript

js遍历json对象所有key及根据动态key获取值的方法(必看)

2017/03/09 Javascript

bootstrap栅格系统示例代码分享

2017/05/22 Javascript

利用nvm管理多个版本的node.js与npm详解

2017/11/02 Javascript

react实现菜单权限控制的方法

2017/12/11 Javascript

父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法

2018/04/25 Javascript

vue2.0实现音乐/视频播放进度条组件

2018/06/06 Javascript

傻瓜式解读koa中间件处理模块koa-compose的使用

2018/10/30 Javascript

详解微信小程序之一键复制到剪切板

2019/04/24 Javascript

python中的装饰器详解

2015/04/13 Python

Python用threading实现多线程详解

2017/02/03 Python

使用Python 统计高频字数的方法

2019/01/31 Python

css3中背景尺寸background-size详解

2014/09/02 HTML / CSS

全球速卖通西班牙站：AliExpress西班牙

2017/10/30 全球购物

Crucial英睿达法国官网：内存条及SSD固态硬盘升级

2018/07/13 全球购物

华为C++笔试题

2014/08/05 面试题

竞选体育委员演讲稿

2014/04/26 职场文书

本科生自荐信

2014/06/18 职场文书

2015年元旦促销方案书

2014/12/09 职场文书

幼儿园园长个人总结

2015/03/02 职场文书

2015年个人审计工作总结

2015/04/07 职场文书

2015年市场部工作总结

2015/04/30 职场文书

闪闪的红星观后感

2015/06/08 职场文书

学生会任命书范本

2015/09/21 职场文书

小学班主任工作经验交流材料

2015/11/02 职场文书

Java集成swagger文档组件

2021/06/28 Java/Android

spring boot中nativeQuery的用法

2021/07/26 Java/Android

MySQL中连接查询和子查询的问题

2021/09/04 MySQL