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

    <!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>Th-list Glyph</h2>
          <p>Th-list icon: <span class="glyphicon glyphicon-th-list"></span></p>    
          <p>Th-list icon as a link:
            <a href="#">
              <span class="glyphicon glyphicon-th-list"></span>
            </a>
          </p>
          <p>Th-list icon on a button:
            <button type="button" class="btn btn-default btn-sm">
              <span class="glyphicon glyphicon-th-list"></span> Th-list
            </button>
          </p>
          <p>Th-list icon on a styled link button:
            <a href="#" class="btn btn-info btn-lg">
              <span class="glyphicon glyphicon-th-list"></span> Th-list
            </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>

  • 相关阅读:
    用C语言编写生成小学四则运算程序
    每周学习报告
    读现代软件工程有感和自我介绍
    第七天
    第五天
    第六天
    作业九:课程总结
    作业四:结对编程项目--四则运算
    psp记录个人项目花费时间
    作业三:代码规范,代码复查
  • 原文地址:https://www.cnblogs.com/tszr/p/10893270.html
Copyright © 2011-2022 走看看