Bootstrap（Web前端CSS框架）

官方定義：

• Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
• 即：Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。

百科定義：

• 簡介：Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。
• 特色：Bootstrap是基於jQuery框架開發的，它在jQuery框架的基礎上進行了更爲個性化和人性化的完善，造成一套本身獨有的網站風格，併兼容大部分jQuery插件。
• 組件：Bootstrap中包含了豐富的Web組件，根據這些組件，能夠快速的搭建一個漂亮、功能完備的網站。其中包括如下組件：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、麪包屑、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。
• JS組件：Bootstrap自帶了13個jQuery插件，這些插件爲Bootstrap中的組件賦予了「生命」。其中包括：模式對話框、標籤頁、滾動條、彈出框等。
• 可定製本身的框架代碼：能夠對Bootstrap中全部的CSS變量進行修改，依據本身的需求裁剪代碼。
• Bootstrap Less ：Less 是一個 CSS 預處理器，讓 CSS 具備動態性。另外一方面，Bootstrap 是一個快速開發 Web App 和站點的工具包。這樣，您能夠在 CSS 中使用 Bootstrap 的 Less 變量、mixins（混合）和 nesting（嵌套）。

學習ing...

　　一、what? Bootstrap 是一個用於快速開發 Web 應用程序和網站的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。

　　二、why? 　

• • 移動設備優先：自 Bootstrap 3 起，框架包含了貫穿於整個庫的移動設備優先的樣式。
  • 瀏覽器支持：全部的主流瀏覽器都支持 Bootstrap。

  • 容易上手：只要您具有 HTML 和 CSS 的基礎知識，您就能夠開始學習 Bootstrap。
  • 響應式設計：Bootstrap 的響應式 CSS 可以自適應於臺式機、平板電腦和手機。

• • 它爲開發人員建立接口提供了一個簡潔統一的解決方案。
  • 它包含了功能強大的內置組件，易於定製。
  • 它還提供了基於 Web 的定製。
  • 它是開源的。

　　三、how?

• • 基本結構：Bootstrap 提供了一個帶有網格系統、連接樣式、背景的基本結構。
  • CSS：Bootstrap 自帶如下特性：全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。
  • 組件：Bootstrap 包含了十幾個可重用的組件，用於建立圖像、下拉菜單、導航、警告框、彈出框等等。
  • JavaScript 插件：Bootstrap 包含了十幾個自定義的 jQuery 插件。您能夠直接包含全部的插件，也能夠逐個包含這些插件。
  • 定製：您能夠定製 Bootstrap 的組件、LESS 變量和 jQuery 插件來獲得您本身的版本。

 

學習請移步：W3CSCHOOL ：Bootstrap 提供教程