Bootstrap 标签
2015-11-26 12:06
441 查看
本章将讲解bootstrap标签,标签可用于计数,提示和页面上其它的标记显示。使用class.laber来显示标签,如下面的实例所示
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例:标签(label)</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div style="padding:100px;">
<h1>This Is Heading:<span class="label label-default">Label</span></h1>
<h2>This Is Heading:<span class="label label-default">Label</span> </h2>
<h3>This Is Heading:<span class="label label-default">Label</span></h3>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例:标签(label)</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div style="padding:100px;">
<h1>This Is Heading:<span class="label label-default">Label</span></h1>
<h2>This Is Heading:<span class="label label-default">Label</span> </h2>
<h3>This Is Heading:<span class="label label-default">Label</span></h3>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
相关文章推荐
- Bootstrap每天必学之按钮
- Bootstrap button
- Bootstrap 表单
- bootstrap 栅格系统实现类似table跨行
- bootstrap table 插件
- bootstrap table 插件
- bootstrap table 插件
- bootstrap table 插件
- Bootstrap table
- bootstrap table 插件
- bootstrap table 插件
- bootstrap table 插件
- Bootstrap CSS样式
- Bootstrap 响应式实用工具
- Bootstrap 3 左右排序
- Bootstrap3 左边距
- bootstrap 翻页的状态
- bootstrap 翻页(对齐的链接)
- Bootstrap 翻页(pager)
- Bootstrap3 图片响应式