boostrap（1）之 less文件分析

參考1：Bootstrap 源碼解析

參考2：Bootstrap源碼分析系列之總體架構

bootstrap3.3.7：

// Core variables and mixins 核心變量和混入

// 定義變量，方便後面調用
@import "variables.less";
// 定義混合，相似函數或者宏，在mixins文件夾中能夠看到所定義的函數
@import "mixins.less";

// Reset and dependencies 重置 和 依賴關係
// 標準化css 統一效果的css庫，編譯後對應源碼爲8~190行
@import "normalize.less";
// 打印樣式，編譯後對應源碼爲190~262行
@import "print.less";
// 圖標樣式，編譯後對應源碼爲263~1067行
@import "glyphicons.less";

// Core CSS 核心 CSS 7個Less文件對應的源碼
// 腳手架，至關於全局樣式，編譯後對應源碼爲1068~1173行
@import "scaffolding.less";
//排版樣式
@import "type.less";
//代碼樣式
@import "code.less";
// 柵格系統，這是Bootstrap支持響應式的重點
@import "grid.less";
// 表格樣式
@import "tables.less";
// 表單樣式
@import "forms.less";
// 按鈕樣式
@import "buttons.less";

// Components 組件
// 組件中摺疊和隱藏動畫
@import "component-animations.less";
// 下拉菜單及下三角符號
@import "dropdowns.less";
// 按鈕組
@import "button-groups.less";
// 輸入框組
@import "input-groups.less";
// 導航
@import "navs.less";
// 導航條
@import "navbar.less";
// 麪包屑
@import "breadcrumbs.less";
// 默認分頁
@import "pagination.less";
// 翻頁
@import "pager.less";
// 標籤
@import "labels.less";
// 徽章
@import "badges.less";
// 巨幕
@import "jumbotron.less";
// 縮略圖
@import "thumbnails.less";
// 警告框
@import "alerts.less";
// 進度條
@import "progress-bars.less";
// 媒體對象
@import "media.less";
// 列表組
@import "list-group.less";
// 面板
@import "panels.less";
// 具備響應式特性的嵌入內容
@import "responsive-embed.less";
// well效果
@import "wells.less";
// 關閉按鈕圖標
@import "close.less";

// Components w/ JavaScript
// 模態框
@import "modals.less";
// 工具提示
@import "tooltip.less";
// 彈出框
@import "popovers.less";
// 輪播
@import "carousel.less";

// Utility classes 實用類
// 實用工具類
@import "utilities.less";
// 響應式工具類
@import "responsive-utilities.less";