Bootstrap是Twitter推出的一個由動態CSS語言Less寫成的開源CSS/HTML框架（同時提供Sass 移植版代碼）。Bootstrap提供了全面的基本及組件樣式并自帶了13個jQuery插件（模態對話框、標簽頁、滾動條、彈出框等），可滿足常用開發需要，而且還根據需要定制。另外，Bootstrap提供了優雅的HTML和CSS規范，使用者也可以參考學習。

　　今天談一下bootstrap，這個讓我愛不釋手的東西，慣例，我們先要去它的官網http://v3.bootcss.com進行下載：

　　點擊紅線邊框處即可跳轉到下載頁面，有三個東西可以給我們選擇，由于我們現在處于初級使用階段，或者說我們直接用在生成環境下，我們下載第一個就好：

　　下載成功后可以得到一個.zip的文件，解壓后我們可以得到一個包含css、fonts和js的文件夾，ok，準備工作我們就做好了。

　　現在要怎么用呢，一頭霧水吧，我們新建一個文件夾，命名為test，將剛剛三個文件夾復制到test文件夾中，現在用sublime打開剛剛的文件夾，點擊file-open folder，選擇test文件夾點擊確定即可，如下：

　　在test上右鍵選擇new file，然后ctrl+s保存文件名為index.html，這時候回到bootstrap的官網，導航欄選擇“起步”，向下拖動或在右側選擇“基本模板”，將下列代碼進行復制，粘貼到index.html中，如下：

　　粘貼到sublime中，這是一個html5格式的html文件：

　　這時候我們點擊index.html，瀏覽器打開后就可以在屏幕上看到一個Diao炸天的“Hello world”了。

　　到這里，其實你已經用bootstrap完成了第一個頁面設計了。下面來具體說下bootstrap的具體使用方法，bootstrap其實是把網頁等分為了12分，所以記住12這個數字是很重要的，可能這里你會比較模糊，下面我們來看下官方文檔是怎么說的，我們先來了解一下“柵格參數”：

　　bootstrap把根據屏幕大小把屏幕分為了4個層級，小于768像素的為超小屏幕，大于等于768像素的為小屏幕，大于等于992像素的為中等屏幕，大于等于1200像素的則為大屏幕，相應的類前綴見圖或查看官方文檔，根據柵格參數，我們看下下面這幅圖：