bootstrap學習筆記

bootstrap號稱是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目，而且適用於全部的開發者、全部的項目，全部的設備都可適配。無論他是真是假，鑑於目前的火爆程度，咱們都有必要了解一下。

bootstrap的樣式文件包含了不少的類，若是要所有記住是不現實的。個人建議是記住主要的便可，很是詳盡的能夠邊用邊查。根據個人使用對bootstrap進行4大部分的劃分：全局樣式、組件、插件和定製。其中全局樣式和組件主要是針對css來講明的；插件是帶有交互效果的樣式和js代碼的組合；定製是根據須要來獲取文件的。

大體結構以下圖：

全局樣式

顧名思義，這些樣式會影響全局的設定，好比：字體大小、左右浮動、字體圖標、柵格系統。。。其中柵格系統是很重要的模塊，只有理解了柵格系統的原理，才能自如的進行頁面佈局，這裏須要仔細理解官方的對比圖：

組件

組件就是提早將一些經常使用的頁面元素進行封裝，以方便進行高複用。bootstrap的組件主要包括：表格、表單、按鈕、圖片。基本囊括了頁面佈局和交互中的全部元素。因爲涉及元素較多，樣式類也至關多，所以須要掌握下圖中的關鍵類：

插件

插件這裏不過多介紹，由於不須要死記硬背，須要的時候查一下官方文檔便可

定製

若是你對bootstrap不是很熟悉，而且不介意文件大一點，能夠先不關注這一塊。若是須要使用最小體積的支持文件，能夠查詢官方文檔根據指引進行自定義。