最火的前端開發架構Bootstrap簡單了解

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發架構，使得 Web 開發更加快捷。 [1]  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 插件來得到您自己的版本。

更多精品課程：

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

版權聲明：本文為CSDN部落客「weixin_34007906」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_34007906/article/details/92396385