Bootstrap(Web框架)

Bootstrap(Web框架)

本詞條是多義詞,共7個義項
更多義項 ▼ 收起列表 ▲

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

基本介紹

版本形態,包含內容,支持組件,支持外掛程式,框架代碼,套用案例,

版本形態

目前使用較廣的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.3.7,4的最新版本是4.3.0
在2018年1月下旬,Bootstrap團隊發布了Bootstrap 4 正式版,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變數進行修改,依據自己的需求裁剪代碼。

套用案例

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

相關詞條

熱門詞條

聯絡我們