• 学习进度8


    今天学习的内容主要是了解了一些关于BootStrap的东西。

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

    做了一个小例子

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8"> 
        <title>Bootstrap 实例</title>
        <!--头部信息用于适应不同设备 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--bootstrap 样式表 -->
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
      </head>
    
      <body>
        <div class="container">
          <h2>图标</h2>     
          <p>云图标: <span class="glyphicon glyphicon-cloud"></span></p>      
          <p>信件图标: <span class="glyphicon glyphicon-envelope"></span></p>            
          <p>搜索图标: <span class="glyphicon glyphicon-search"></span></p>
          <p>打印图标: <span class="glyphicon glyphicon-print"></span></p>      
          <p>下载图标:<span class="glyphicon glyphicon-download"></span></p>      
        </div>
        <!-- JavaScript 放置在文档最后面可以使页面加载速度更快 -->
        <!-- 可选: 包含 jQuery 库 -->
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <!-- 可选: 合并了 Bootstrap JavaScript 插件 -->
        <script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
      </body>
    
    </html>

    运行后是这样的

    © 版权声明
    文章版权归作者所有,未经允许请勿转载。
    THE END
  • 相关阅读:
    .net 文件夹是否存在的判断
    Lock Statement And Thread Synchronization
    如何利用EnteLib Unity Interception Extension 和PIAB实现Transaction
    OSQL 命令行工具
    How to build tab sets whitch headers display at bottom in WPF?
    Monitoring Clipboard Activity in C#
    产品经理讲座的感悟
    图说
    解决技术问题的9点建议
    为啥要整理需求?
  • 原文地址:https://www.cnblogs.com/xp-thebest/p/12296800.html
Copyright © 2020-2023  润新知