墻磚攻城師

文件結構、內容

下載文件后你會發現如下所示的文件結構，分為編譯版和源碼版。

編譯版：正常情況下，編寫頁面常用到的樣式集（不含響應式）以及插件集。

源碼版：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            ────