最火的前端開發框架Bootstrap使用教程

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合做基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。 國內一些移動開發者較爲熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。

課程連接：最火的前端開發框架Bootstrap使用教程

版本形態：

目前使用較廣的是版本2和3，其中2的最新版本的是2.3.2，3的最新版本是3.3.7。

在2017年8月下旬，Bootstrap四周歲之際，Bootstrap團隊發佈了Bootstrap 4 alpha版，4的最主要變化包括如下方面：

• 從 Less 遷移到 Sass

• 改進網格系統

• 缺省彈性框支持

• Dropped wells, thumbnails, and panels for cards

• 合併全部 HTML resets 到一個新的模塊中：Reboot

• 全新自定義選項

• 再也不支持 IE8

• 重寫全部的 JavaScript 插件

• 改進工具提示和 popovers 的自動定位

• 改進文檔

• 其餘大量改進

支持組件：
Bootstrap中包含了豐富的Web組件，根據這些組件，能夠快速的搭建一個漂亮、功能完備的網站。其中包括如下組件：
下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等

支持插件：
Bootstrap自帶了13個jQuery插件，這些插件爲Bootstrap中的組件賦予了「生命」。其中包括：
模式對話框、標籤頁、滾動條、彈出框等。

包含內容：

• 基本結構：Bootstrap 提供了一個帶有網格系統、連接樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。
• CSS：Bootstrap 自帶如下特性：全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。這將在Bootstrap CSS部分詳細講解。
• 組件：Bootstrap 包含了十幾個可重用的組件，用於建立圖像、下拉菜單、導航、警告框、彈出框等等。這將在佈局組件部分詳細講解。
• JavaScript 插件：Bootstrap包含了十幾個自定義的jQuery 插件。您能夠直接包含全部的插件，也能夠逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
• 定製：您能夠定製Bootstrap的組件、LESS 變量和jQuery 插件來獲得您本身的版本。

更多精品課程：

阿里雲大學官網（阿里雲大學 - 官方網站，雲生態下的創新人才工場）