zoukankan      html  css  js  c++  java
  • 学习进度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
  • 相关阅读:
    CSP-S2019 括号树
    [CQOI2007]余数求和
    CF1000E We Need More Bosses
    [HAOI2009]毛毛虫
    ls命令
    HTML的标签 属性 等等
    虚拟机安装Tools
    1.1 什么是安全渗透
    004-Kali Linux安装-熟悉环境
    003-Kali Linux 安装-持久加密USB安装、熟悉环境、熟悉BASH命令
  • 原文地址:https://www.cnblogs.com/xp-thebest/p/12296800.html
Copyright © 2011-2022 走看看