版本形態
目前使用較廣的是版本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](/img/0/74d/wZwpmL0ETMwkTN5cTMxIDN0UTMyITNykTO0EDMwAjMwUzL3EzLwQzLt92YucmbvRWdo5Cd0FmLwE2LvoDc0RHa.jpg)
Less 是一個 CSS 預處理器,讓 CSS 具有動態性。另一方面,Bootstrap 是一個快速開發 Web App 和站點的工具包。這樣,您可以在 CSS 中使用 Bootstrap 的 Less 變數、mixins(混合)和 nesting(嵌套)。