zoukankan      html  css  js  c++  java
  • 【Bootstrap】(一)——文件结构介绍

    文件结构、内容


    下载文件后你会发现如下所示的文件结构,分为编译版和源码版。

    编译版:正常情况下,编写页面常用到的样式集(不含响应式)以及插件集。

    源码版:bootstrap官网下整站的源码。包含很多模板页和less文件,并采用node.js搭建。

    1.1编译版

      bootstrap/
      ├── css/
      │   ├── bootstrap.css─────────全部样式集合(不含响应样式)(123KB)
      │   └── bootstrap.min.css────────────(压缩版)(104KB)
      ├── js/
      │   ├── bootstrap.js────────────全部13款插件集合 (61KB)
      │   └── bootstrap.min.js────────────(压缩版)(28KB)
      └── img/
           ├── glyphicons-halflings.png──────────常用到的sprite图标(深色版)
           └── glyphicons-halflings-white.png────────────(浅色版)
                        

    1.2源码版

      twitter-bootstrap-37d0a30/
      ├── docs/
      │   ├── assets/【项目包】
      │   │   ├── css/
      │   │   ├── ico/────────────苹果设备下的图标集合以及站点的favicon.ico
      │   │   ├── img/
      │   │   ├── js/
      │   ├── build/ Twitter下利用node.js和mustache建立的test项目,测试浏览器下一些功能否支持
      │   ├── examples/【demo包】
      │   │   └── n.html──────────提供9款练习和模仿的demo页
      │   ├── templates/【模板包】
      │   │   ├── page/
      │   │   │    └── n.mustache────首页7部分的JS模板
      │   │   └── layout.mustache───首页7部分布局的JS模板
      │   ├── base-css.html ──────首页_基础css页
      │   ├── components.html──── 首页_组件页                            
      │   ├── customize.html ───── 首页_定制页 
      │   ├── extend.html ─────── 首页_less介绍页 
      │   ├── getting-started.html───首页起步介绍页
      │   ├── index.html ──────── 首页
      │   ├── javascript.html ───── 首页_插件页
      │   └── scaffolding.html───── 首页_手脚架页
      ├── img/【sprite包】
      │   ├── glyphicons-halflings.png──────────常用到的sprite图标(深色版)
      │   └── glyphicons-halflings-white.png────────────(浅色版)
      ├── js/ 【插件包】
      │   ├── bootstrap-affix.js────────────附加导航
      │   ├── bootstrap-alert.js─────────── 警告消息
      │   ├── bootstrap-button.js──────────按钮
      │   ├── bootstrap-carousel.js─────────轮播
      │   ├── bootstrap-collapse.js─────────折叠效果
      │   ├── bootstrap-dropdown.js────────下拉菜单
      │   ├── bootstrap-modal.js──────────模态对话框   
      │   ├── bootstrap-popover.js─────────提示 
      │   ├── bootstrap-scrollspy.js─────────滚动监听 
      │   ├── bootstrap-tab.js──────────── 标签页
      │   ├── bootstrap-tooltip.js───────────工具提示
      │   ├── bootstrap-transition.js──────── 过渡效果
      │   └── bootstrap-typeahead.js────────输入提示
      ├── less/【未编译的css包】
      │   └── n.less ──────所有样式的未编译版
      ├── .gitignore           ────                   
      ├── .travis.yml              │
      ├── CHANGELOG.md             │
      ├── component.json           │              
      ├── composer.json            │               
      ├── CONTRIBUTING.md          ├── node.js以及JS模板所需的一些配置文件              
      ├── LICENSE.md               │              
      ├── Makefile                 │               
      ├── package.json             │
      └── README.md            ──── 
    
                            
  • 相关阅读:
    多态
    扩展方法
    git 新账户链接新仓库地址
    获取数据类型
    解构赋值
    var let const 无关键字定义变量
    http
    onmouseover、onmouseout、onmouseenter、onmouseleave
    setInterval、setTimeout、requestAnimationFrame
    vue的prop父子组件传值
  • 原文地址:https://www.cnblogs.com/ccto/p/3110866.html
Copyright © 2011-2022 走看看