1 <!DOCTYPE html>
2 <html lang="zh-cn">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <title>Bootstrap 101 Template</title>
8
9 <!-- Bootstrap -->
10 <link href="css/bootstrap.css" rel="stylesheet">
11 <link href="css/bootstrap.min.css">
12 <!--[if lt IE 9]>
13 <script src="js/html5shiv.min.js"></script>
14 <script src="js/respond.min.js"></script>
15 <![endif]-->
16 </head>
17 <body>
18 <div class="container">
19 <h1>常用图标字体</h1>
20 <h3>首页-glyphicon-home</h3>
21 <a class="btn btn-success" href="#">
22 <span class="glyphicon glyphicon-home"></span>
23 </a>
24 <h3>齿轮-glyphicon-cog</h3>
25 <a class="btn btn-success">
26 <span class="glyphicon glyphicon-cog"></span>
27 </a>
28 <h3>定位-glyphicon-map-marker</h3>
29 <a class="btn btn-success">
30 <span class="glyphicon glyphicon-map-marker"></span>
31 </a>
32 <h3>邮件-glyphicon-envelope</h3>
33 <a class="btn btn-success">
34 <span class="glyphicon glyphicon-envelope"></span>
35 </a>
36 <h3>实星-glyphicon-star，空星-glyphcion-srat-empty</h3>
37 <a class="btn btn-success">
38 <span class="glyphicon glyphicon-star"></span>
39 <span class="glyphicon glyphicon-star-empty"></span>
40 </a>
41 <h3>实心glyphicon-heart，空心glyphicon-heart-empty</h3>
42 <a class="btn btn-success">
43 <span class="glyphicon glyphicon-heart"></span>
44 <span class="glyphicon glyphicon-heart-empty"></span>
45 </a>
46 <h3>+号glyphicon-plus，-号-glyphicon-minus</h3>
47 <a class="btn btn-success">
48 <span class="glyphicon glyphicon-plus"></span>
49 <span class="glyphicon glyphicon-minus"></span>
50 </a>
51 </div>
52
53 <script src="js/jquery-1.11.3.js"></script>
54 <script src="js/bootstrap.js"></script>
55 <script>
56 (function () {
57 var s = document.createElement("script");
58 s.onload = function () {
59 bootlint.showLintReportForCurrentDocument([]);
60 };
61 s.src = "js/bootlint.js";
62 document.body.appendChild(s)
63 })();
64 </script>
65 </body>
66 </html>
