• 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>
  • 相关阅读:
    JavaWeb学习(2)Session和Cookie
    JavaWeb学习(1)概念、原理、代码实现
    问题汇总
    RSA算法和DH的区别
    js在进行比较时进行的隐式转换
    USB HID 设备类协议入门
    键盘外置驱动编写
    app闪退error:找不到.so文件
    自动清理内存 #最强,让电脑不卡的神器#最有用
    满速快速下载windows镜像与office
  • 原文地址:https://www.cnblogs.com/longly/p/6092686.html
Copyright © 2020-2023  润新知