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>