【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            ────

posted on 2013-05-31 18:05  _xiaoMo_  阅读(1448)  评论(0)  编辑  收藏  举报

导航