bootstrap

bootstrap

Web框架
Bootstrap,來自Twitter,是目前最受歡迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它簡潔靈活,使得Web開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範,它即是由動态CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。[2]國内一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基于Bootstrap源碼進行性能優化而來。[3]
  • 軟件名稱:Bootstrap
  • 軟件平台:IE/Chrome/Opera/Firefox/Safari等
  • 軟件語言:HTML、CSS、JavaScript
  • 開發商:Twitter
  • 軟件授權:MIT License
  • 軟件版本:v5.0.1
  • 軟件大小:713
  • 類型:開源的用于前端開發的工具包
  • 優點:兼容大部分jQuery插件

版本形态

目前使用較廣的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.4.1,4的最新版本是4.4.1

在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(嵌套)。

相關詞條

相關搜索

其它詞條