Bootstrap 和 LESS

Bootstrap 簡介

什麼是 Bootstrap？

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

歷史

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發的。Bootstrap 是 2011 年八月在 GitHub 上發佈的開源產品。

爲何使用 Bootstrap？

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

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

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

Bootstrap 包的內容

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

   

• 定製：您能夠定製 Bootstrap 的組件、LESS 變量和 jQuery 插件來獲得您本身的版本。

 

LESS 原理及使用方式

本質上，LESS 包含一套自定義的語法及一個解析器，用戶根據這些語法定義本身的樣式規則，這些規則最終會經過解析器，編譯生成對應的 CSS 文件。LESS 並無裁剪 CSS 原有的特性，更不是用來取代 CSS 的，而是在現有 CSS 語法的基礎上，爲 CSS 加入程序式語言的特性。