<!DOCTYPE html>
<html>
<head>
<title>BootstrapTuBiaoDemo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="../resource/css/bootstrap.min.css" type="text/css"></link>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<style>
.bs-glyphicons {
/*padding-left: 0;*/
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.bs-glyphicons li {
width: 12.5%;
}
.bs-glyphicons li {
float: left;
width: 21%;
/*height: 115px;
padding: 10px;
margin: 0 -1px -1px 0;*/
font-size: 12px;
/*line-height: 1.4;*/
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
}
</style>
</head>
<body style="padding-top:20px;">
<h1>BootstrapTuBiaoDemo</h1><hr>
<ul class="bs-glyphicons">
<li>
<span class="glyphicon glyphicon-adjust"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-adjust</span>
</li>
<li>
<span class="glyphicon glyphicon-align-center"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-align-center</span>
</li>
<li>
<span class="glyphicon glyphicon-align-justify"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-align-justify</span>
</li>
<li>
<span class="glyphicon glyphicon-align-left"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-align-left</span>
</li>
<li>
<span class="glyphicon glyphicon-align-right"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-align-right</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-down"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-arrow-down</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-left"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-arrow-left</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-right"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-arrow-right</span>
</li>
<li>
<span class="glyphicon glyphicon-arrow-up"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-arrow-up</span>
</li>
<li>
<span class="glyphicon glyphicon-asterisk"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-asterisk</span>
</li>
<li>
<span class="glyphicon glyphicon-backward"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-backward</span>
</li>
<li>
<span class="glyphicon glyphicon-ban-circle"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-ban-circle</span>
</li>
<li>
<span class="glyphicon glyphicon-barcode"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-barcode</span>
</li>
<li>
<span class="glyphicon glyphicon-bell"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-bell</span>
</li>
<li>
<span class="glyphicon glyphicon-bold"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-bold</span>
</li>
<li>
<span class="glyphicon glyphicon-book"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-book</span>
</li>
<li>
<span class="glyphicon glyphicon-bookmark"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-bookmark</span>
</li>
<li>
<span class="glyphicon glyphicon-briefcase"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-briefcase</span>
</li>
<li>
<span class="glyphicon glyphicon-bullhorn"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-bullhorn</span>
</li>
<li>
<span class="glyphicon glyphicon-calendar"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-calendar</span>
</li>
<li>
<span class="glyphicon glyphicon-camera"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-camera</span>
</li>
<li>
<span class="glyphicon glyphicon-certificate"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-certificate</span>
</li>
<li>
<span class="glyphicon glyphicon-check"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-check</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-down"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-chevron-down</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-chevron-left</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-chevron-right</span>
</li>
<li>
<span class="glyphicon glyphicon-chevron-up"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-chevron-up</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-down"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-down</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-left"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-left</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-right"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-right</span>
</li>
<li>
<span class="glyphicon glyphicon-circle-arrow-up"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-up</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-cloud</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud-download"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-cloud-download</span>
</li>
<li>
<span class="glyphicon glyphicon-cloud-upload"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-cloud-upload</span>
</li>
<li>
<span class="glyphicon glyphicon-cog"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-cog</span>
</li>
<li>
<span class="glyphicon glyphicon-collapse-down"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-collapse-down</span>
</li>
<li>
<span class="glyphicon glyphicon-collapse-up"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-collapse-up</span>
</li>
<li>
<span class="glyphicon glyphicon-comment"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-comment</span>
</li>
<li>
<span class="glyphicon glyphicon-compressed"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-compressed</span>
</li>
<li>
<span class="glyphicon glyphicon-copyright-mark"></span>
<span class="glyphicon-class">.glyphicon .glyphicon-copyright-mark</span>
</li>
<li>
<span cla
没有合适的资源?快使用搜索试试~ 我知道了~
bootstrap文件及bootstrap图标大全
共17个文件
css:4个
map:4个
js:3个
需积分: 27 62 下载量 137 浏览量
2017-05-05
09:48:02
上传
评论
收藏 322KB RAR 举报
温馨提示
内有bootstrap文件在resource里,版本3.3.7 demo文件里是html文件,里面有bootstrap的图标大全
资源推荐
资源详情
资源评论
收起资源包目录
bootstrap图标.rar (17个子文件)
bootstrap图标
bootstrapDemo
bootstrapTuBiaoDemo.html 33KB
resource
css
bootstrap-theme.css 26KB
bootstrap.css.map 380KB
bootstrap.min.css 118KB
bootstrap-theme.min.css.map 25KB
bootstrap.css 143KB
bootstrap-theme.min.css 23KB
bootstrap-theme.css.map 47KB
bootstrap.min.css.map 529KB
fonts
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.woff2 18KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB
js
npm.js 484B
bootstrap.min.js 36KB
bootstrap.js 68KB
共 17 条
- 1
资源评论
啊哈哈1994
- 粉丝: 2
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功