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            ──── 
    
                            
  • 相关阅读:
    笔记-归并排序
    Repeated Substring Pattern
    Assign Cookies
    Number of Boomerangs
    Paint Fence
    Path Sum III
    Valid Word Square
    Sum of Two Integers
    Find All Numbers Disappeared in an Array
    First Unique Character in a String
  • 原文地址:https://www.cnblogs.com/ccto/p/3110866.html
Copyright © 2011-2022 走看看