一、Bootstrap 簡介
1、什麼是 Bootstrap
Bootstrap 是一個用於快速開發 web 應用程序和網站的開源的 UI 前端框架。Bootstrp是基於HTML、CSS、JS 的。
2、Bootstrap 的好處
移動設備優先：自 Bootstrap 3 起，框架包含了貫穿於整個庫的移動設備優先的樣式。
瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap。
容易上手：只要您具備 HTML 和 CSS 的基礎知識，您就可以開始學習 Bootstrp。
響應式設計：Bootstrap 的響應式 CSS 能夠自適應於臺式機、平板電腦和手機。
它爲開發人員創建接口提供了一個簡潔統一的解決方案。它包含了功能強大的內置組件，易於定製。它還提供了基於 Web 的定製。
3、Bootstrap 包含的內容
1、CSS：Bootstrap 自帶以下特性：全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。
2、組件：Bootstrap 包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。
3、JavaScript 插件：Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件，也可以逐個包含這些插件。
4、獲取 bootstrap
官網：http://getbootstrap.com/
二、全局Css
1、容器
1、固定寬度
用法：bootstrap已經爲我們定義好了一個css的類container，使用container類來定義固定寬度並支持響應式佈局的容器.
在一定的設備尺寸下面寬度固定，在不同的設備尺寸能自適應。
三、柵格系統
1、什麼是柵格系統
Bootstrap 提供了一套響應式、移動設備優先的流式柵格系統，隨着屏幕或視口（viewport）尺寸的增加，系統會自動分爲最多12列。柵格系統用於通過一系列的行（row）與列（column）的組合來創建頁面佈局，你的內容就可以放入這些創建好的佈局中。
四、組件與插件
1、爲什麼要使用組件和插件
組件和插件是bootstrap爲方便使用者調用一些常用的樣式組合而設計的一套直接可使用的標籤組合和js插件。