bootstrap

# bootstrap

1.它是什麼?

Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。

通俗來講，它是前端開發功能抽象及專精化後的一種框架，bootstrap之於前端就像Jquery之於js，或scrapy與爬蟲。

1.1組成模塊

bootstrap能夠劃分爲三部分：

1. 用於生產環境的 Bootstrap
   這編譯並壓縮後的 CSS、JavaScript 和字體文件。不包含文檔和源碼文件。
2. Bootstrap 源碼
   Less、JavaScript 和 字體文件的源碼，而且帶有文檔。須要 Less 編譯器和一些設置工做。
3. Sass
   這是 Bootstrap 從 Less 到 Sass 的源碼移植項目，用於快速地在 Rails、Compass 或 只針對 Sass 的項目中引入。

1.2 怎麼用，有什麼用？

下載用於生產環境的 Bootstrap，放到static目錄下，而後就能夠在html中引用了。
固然，也能夠從網絡引用。

引用示例:
經過網絡引用:
< link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

本地引用: 具體路徑視狀況而定
< link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.css"> 

注意:
因爲Bootstrap的某些組件依賴於jQuery，因此須要下載對應版本的jQuery文件，來保證Bootstrap相關組件運行正常。