bootstrap[Web框架]

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

基本信息

• 中文名稱：Bootstrap
• 支持語言：HTML、CSS、JavaScript
• 套用平台：IE/Chrome/Opera/Firefox等
• 開發商：Twitter
• 軟體授權：美國Twitter公司
• 開發時間：2018-06-08
• 軟體大小：1.56M

• 軟體版本：v3.3.7穩定版/v4.0.0預覽版

版本形態

目前使用較廣的是版本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 提供了一個帶有格線系統、連結樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。

•CSS：Bootstrap 自帶以下特性：全局的 CSS設定、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的格線系統。這將在Bootstrap CSS部分詳細講解。

•組件：Bootstrap 包含了十幾個可重用的組件，用於創建圖像、下拉選單、導航、警告框、彈出框等等。這將在布局組件部分詳細講解。

•JavaScript 外掛程式：Bootstrap包含了十幾個自定義的jQuery 外掛程式。您可以直接包含所有的外掛程式，也可以逐個包含這些外掛程式。這將在Bootstrap外掛程式部分詳細講解。

•定製：您可以定製Bootstrap的組件、LESS 變數和jQuery 外掛程式來得到您自己的版本。

支持組件

Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件：

下拉選單、按鈕組、按鈕下拉選單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等

支持外掛程式

Bootstrap自帶了13個jQuery外掛程式，這些外掛程式為Bootstrap中的組件賦予了“生命”。其中包括：

模式對話框、標籤頁、滾動條、彈出框等。

框架代碼

可以對Bootstrap中所有的CSS變數進行修改，依據自己的需求裁剪代碼。

套用案例

定製Bootstrap

Less 是一個 CSS 預處理器，讓 CSS 具有動態性。另一方面，Bootstrap 是一個快速開發 Web App 和站點的工具包。這樣，您可以在 CSS 中使用 Bootstrap 的 Less 變數、mixins（混合）和 nesting（嵌套）。