Bootstrap入門！

什麼是Bootstrap？

Bootstrap，來自Twitter，是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。

它由Twitter的設計師Mark Otto和Jacob Thornton合做開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。

國內一些移動開發者較爲熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。

Bootstrap框架用途和優勢

咱們能夠使用Bootstrap框架提供的樣式和組件快速的完成一個網站的前端頁面，只須要引用一些定義好樣式和組件（經過定義好的class來引用相應的樣式和組件），就能夠完成一個很是漂亮網頁。並且Bootstrap框架還支持自適應，在不一樣大小的屏幕上會自動調節網頁顯示的內容，避免了在在pc上很漂亮的網頁，而在移動端左右出現滾動條，網頁內容過小看不清等不利於用戶體驗的表現。

Bootstrap文檔目錄結構

bootstrap /

├── css // CSS文件

│ ├── bootstrap-theme.css // Bootstrap主題樣式文件

│ ├── bootstrap-theme.css.map

│ ├── bootstrap-theme.min.css // 主題相關樣式壓縮文件

│ ├── bootstrap-theme.min.css.map

│ ├── bootstrap.css

│ ├── bootstrap.css.map

│ ├── bootstrap.min.css // 核心CSS樣式壓縮文件

│ └── bootstrap.min.css.map

├── fonts // 字體文件

│ ├── glyphicons-halflings-regular.eot

│ ├── glyphicons-halflings-regular.svg

│ ├── glyphicons-halflings-regular.ttf

│ ├── glyphicons-halflings-regular.woff

│ └── glyphicons-halflings-regular.woff2

└── js // JS文件

├── bootstrap.js

├── bootstrap.min.js // 核心JS壓縮文件

└── npm.js

更多Bootstrap課程：阿里雲大學——開發者課堂