运行结果尺寸: 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>旗帜字形</h2>
       <p>旗帜图标:<span class="glyphicon glyphicon-flag"></span></p>
       <p>将图标标记为链接:
         <a href="#">
           <span class="glyphicon glyphicon-flag"></span>
         </a>
       </p>
       <p>按钮上的旗帜图标:
         <button type="button" class="btn btn-default btn-sm">
           <span class="glyphicon glyphicon-flag"></span> 旗帜
         </button>
       </p>
       <p>样式链接按钮上的标记图标:
         <a href="#" class="btn btn-info btn-lg">
           <span class="glyphicon glyphicon-flag"></span> 旗帜
        </a>
      </p> 
    </div>
  </body>
</html>
×

报个问题: