zoukankan      html  css  js  c++  java
  • 知识总结和记录——Bootstrap

    官方地址:https://getbootstrap.com

    中文地址:http://www.bootcss.com/

    使用V3版本的Bootstrap,下载的是用于生产环境的Bootstrap。

    目录结构
    
    bootstrap-3.3.7-dist/
    ├── css  // CSS文件
    │   ├── bootstrap-theme.css  // Bootstrap主题样式文件
    │   ├── bootstrap-theme.css.map
    │   ├── bootstrap-theme.min.css  // 主题相关样式压缩文件
    │   ├── bootstrap-theme.min.css.map
    │   ├── bootstrap.css
    │   ├── bootstrap.css.map
    │   ├── bootstrap.min.css  // 核心CSS样式压缩文件
    │   └── bootstrap.min.css.map
    ├── fonts  // 字体文件
    │   ├── glyphicons-halflings-regular.eot
    │   ├── glyphicons-halflings-regular.svg
    │   ├── glyphicons-halflings-regular.ttf
    │   ├── glyphicons-halflings-regular.woff
    │   └── glyphicons-halflings-regular.woff2
    └── js  // JS文件
        ├── bootstrap.js
        ├── bootstrap.min.js  // 核心JS压缩文件
        └── npm.js
    

      

    导入配置

    初始化css样式,统一标准

    https://www.bootcdn.cn/

    使用栅格系统必须在<div class="container">中

    然后在<div class="row">中使用 col-xx-**(xx[lg,md,sm,xs]|**[1-12])

    图标组件使用

    可用bootstrap和fontawesome

  • 相关阅读:
    014.Python函数
    013.Python的文件操作
    012.Python的字典和集合的相关函数
    011.Python的列表的相关操作
    010.Python字符串的格式化
    009.Python字符串相关函数
    008.Python循环for循环
    007.Python循环语句while循环嵌套
    Java 反射机制 初探*
    Java 正则初探
  • 原文地址:https://www.cnblogs.com/CrazyDemo/p/10457930.html
Copyright © 2011-2022 走看看