极速小乌龟

导航

Bootstrap-常用图标glyphicon 

 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>

 

posted on 2016-11-23 10:25  极速小乌龟  阅读(1919)  评论(0)    收藏  举报