-
Bootstrap
(Web框架)
鎖定
- 軟件語言
- HTML、CSS、JavaScript
- 開發商
- 軟件授權
- MIT License [9]
- 軟件版本
- v5.0.1 [8]
- 軟件大小
- 713K
Bootstrap版本形態
在2018年1月下旬,Bootstrap團隊發佈了Bootstrap 4 正式版,4的最主要變化包括以下方面:
- 從 Less 遷移到 Sass
- 改進網格系統
- 缺少彈性框支持
- Dropped wells, thumbnails, and panels for cards
- 合併所有 HTML resets 到一個新的模塊中:Reboot
- 全新自定義選項
- 不再支持 IE8
- 重寫所有的 JavaScript 插件
- 改進工具提示和 popovers 的自動定位
- 改進文檔
Bootstrap包含內容
- 基本結構:Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。這將在Bootstrap 基本結構部分詳細講解。
- CSS:Bootstrap 自帶以下特性:全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class,以及一個先進的網格系統。這將在Bootstrap CSS部分詳細講解。
- 組件:Bootstrap 包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。這將在佈局組件部分詳細講解。
- JavaScript 插件:Bootstrap包含了十幾個自定義的jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在Bootstrap插件部分詳細講解。
Bootstrap支持組件
Bootstrap中包含了豐富的Web組件,根據這些組件,可以快速的搭建一個漂亮、功能完備的網站,其中包括以下組件:
Bootstrap支持插件
Bootstrap自帶了13個jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:
Bootstrap框架代碼
Bootstrap應用案例
Less 是一個 CSS 預處理器,讓 CSS 具有動態性。另一方面,Bootstrap 是一個快速開發 Web App 和站點的工具包。這樣,您可以在 CSS 中使用 Bootstrap 的 Less 變量、mixins(混合)和 nesting(嵌套)。
[7]
- 參考資料
-
- 1. Bootstrap前端框架 .Bootstrap中文網
- 2. 跨端移動開發框架WeX5 .開源中國社區[引用日期2015-06-11]
- 3. Bootstrap 4.2.1 .The Bootstrap Blog.2018-12-21[引用日期2019-01-11]
- 4. Bootstrap 4 正式發佈!帶來新的示例和新的主題 .開源中國.2018-01-19[引用日期2019-01-11]
- 5. Bootstrap教程 .W3Cschool[引用日期2017-08-08]
- 6. 定製Bootstrap .Bootstrap中文網[引用日期2012-11-30]
- 7. Bootstrap Less .菜鳥教程.2013-08-30[引用日期2014-01-20]
- 8. Bootstrap v5 中文文檔 · Bootstrap 是全球最受歡迎的 HTML、CSS 和 JS 前端工具庫。 | Bootstrap 中文網 .Bootstrap中文網.2020-01-05[引用日期2021-05-16]
- 9. GitHub - twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. .bootstrap.2021-05-13[引用日期2021-05-17]