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

JavaScript事件列表解说

Dec 22 Javascript

js TextArea的选中区域处理

Dec 28 Javascript

$.get获取一个文件的内容示例代码

Sep 11 Javascript

JS中attr和prop属性的区别以及优先选择示例介绍

Jun 30 Javascript

浅谈jQuery构造函数分析

May 11 Javascript

jQuery编程中的一些核心方法简介

Aug 14 Javascript

JS简单实现DIV相对于浏览器固定位置不变的方法

Jun 17 Javascript

jquery实现异步加载图片（懒加载图片一种方式）

Apr 24 jQuery

JS实现电商放大镜效果

Aug 24 Javascript

vue 项目build错误异常的解决方法

Apr 22 Javascript

JS面向对象编程——ES6 中class的继承用法详解

Mar 03 Javascript

2分钟实现一个Vue实时直播系统的示例代码

Jun 05 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

9条PHP编程小知识及易犯的小错误

2015/01/22 PHP

php-fpm开启状态统计的方法详解

2017/06/23 PHP

PHP实现字符串翻转功能的方法【递归与循环算法】

2017/11/03 PHP

PHP code 验证码生成类定义和简单使用示例

2020/05/27 PHP

在IE下：float属性会影响offsetTop的取值

2006/12/22 Javascript

jQuery学习笔记之jQuery的DOM操作

2010/12/22 Javascript

Jquery+CSS3实现一款简洁大气带滑动效果的弹出层

2013/05/15 Javascript

jQuery图片切换插件jquery.cycle.js使用示例

2014/06/16 Javascript

浅析javascript中的DOM

2015/03/01 Javascript

在Python中使用glob模块查找文件路径的方法

2015/06/17 Javascript

基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解

2016/07/18 Javascript

javascript阻止事件冒泡和浏览器的默认行为

2017/01/21 Javascript

使用原生的javascript来实现轮播图

2017/02/24 Javascript

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

2017/03/07 Javascript

jQuery选择器特殊字符与属性空格问题

2017/08/14 jQuery

解决vue页面渲染但dom没渲染的操作

2020/07/27 Javascript

[05:06]DOTA2-DPC中国联赛正赛 VG vs Magma选手采访

2021/03/11 DOTA

python模块restful使用方法实例

2013/12/10 Python

Python操作sqlite3快速、安全插入数据（防注入）的实例

2014/04/26 Python

在Mac OS上搭建Python的开发环境

2015/12/24 Python

Python编程实现微信企业号文本消息推送功能示例

2017/08/21 Python

Python排序搜索基本算法之希尔排序实例分析

2017/12/09 Python

解决python写入带有中文的字符到文件错误的问题

2019/01/31 Python

详解Python安装tesserocr遇到的各种问题及解决办法

2019/03/07 Python

django echarts饼图数据动态加载的实例

2019/08/12 Python

通过实例了解python property属性

2019/11/01 Python

python创建ArcGIS shape文件的实现

2019/12/06 Python

英国经济型酒店品牌：Travelodge

2019/12/17 全球购物

路政管理专业推荐信

2013/11/11 职场文书

高中生学习的自我评价

2013/12/14 职场文书

计算机大学生职业生涯规划书范文

2014/02/19 职场文书

2015年小学重阳节活动总结

2015/07/29 职场文书

年终工作总结范文

2019/06/20 职场文书

Nginx 根据URL带的参数转发的实现

2021/04/01 Servers

详解Java ES多节点任务的高效分发与收集实现

2021/06/30 Java/Android

Nginx利用Logrotate实现日志分割

2022/05/20 Servers