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
  • 相关阅读:
    Java自学-JDBC execute与executeUpdate的区别
    POI 操作Word, 向Word中写入文本,图片.
    C++ 设计模式 4:行为型模式
    C++ 设计模式 3:结构型模式
    C++ 设计模式 2:创建型模式
    C++ 设计模式 1:概述
    C++ 数据结构 4:排序
    C++ 数据结构 3:树和二叉树
    C++ 数据结构 2:栈和队列
    C++ 数据结构 1:线性表
  • 原文地址:https://www.cnblogs.com/xp-thebest/p/12296800.html
Copyright © 2011-2022 走看看