Bootstrap 和 LESS


Bootstrap 簡介

什么是 Bootstrap?

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

歷史

Bootstrap 是由 TwitterMark OttoJacob Thornton 開發的。Bootstrap 是 2011 年八月在 GitHub 上發布的開源產品。

為什么使用 Bootstrap?

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

    Internet Explorer Firefox Opera Google Chrome Safari

  • 容易上手:只要您具備 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 加入程序式語言的特性。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM