zoukankan      html  css  js  c++  java
  • 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-print

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
      </head>
    
      <body>
        <div class="container">
          <h2>Print Glyph</h2>
          <p>Print icon: <span class="glyphicon glyphicon-print"></span></p>    
          <p>Print icon as a link:
            <a href="#">
              <span class="glyphicon glyphicon-print"></span>
            </a>
          </p>
          <p>Print icon on a button:
            <button type="button" class="btn btn-default btn-sm">
              <span class="glyphicon glyphicon-print"></span> Print
            </button>
          </p>
          <p>Print icon on a styled link button:
            <a href="#" class="btn btn-info btn-lg">
              <span class="glyphicon glyphicon-print"></span> Print
            </a>
          </p> 
        </div>
    
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
      </body>
    
    </html>

  • 相关阅读:
    【bzoj2006】超级钢琴
    【bzoj4940】这是我自己的发明
    【arc076E】Connected?
    【agc004C】AND Grid
    选举
    几何
    打击目标
    【CF Gym100228】Graph of Inversions
    【CodeChef】Chef and Graph Queries
    大包子玩游戏
  • 原文地址:https://www.cnblogs.com/tszr/p/10893481.html
Copyright © 2011-2022 走看看