运行结果尺寸: 300 x 150
x
 
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.4.0/bootstrap.min.js"></script>
  </head>
  <body>
    <div class="container">
      <h2>Glyphicon 示例</h2>
      <p>信封图标:<span class="glyphicon glyphicon-envelope"></span></p>    
      <p>信封图标作为链接:
        <a href="#">
          <span class="glyphicon glyphicon-envelope"></span>
        </a>
      </p>
      <p>搜索图标:<span class="glyphicon glyphicon-search"></span></p>
      <p>搜索按钮上的图标:
        <button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-search"></span> Search
        </button>
      </p>
      <p>样式按钮上的搜索图标:
        <button type="button" class="btn btn-info">
          <span class="glyphicon glyphicon-search"></span> Search
        </button>
      </p>
      <p>打印图标:<span class="glyphicon glyphicon-print"></span></p>      
      <p>在样式链接按钮上的打印图标:
        <a href="#" class="btn btn-success btn-lg">
          <span class="glyphicon glyphicon-print"></span> Print 
        </a>
      </p> 
    </div>
    
  </body>
</html>
×

报个问题: