一，前言
個人不是專業從事前端開發，但在一個小公司里工作，作為有過這樣經歷的程序員都知道，開發一個網站或者是一個管理系統，程序員基本所有的事都包了，真是什么都要懂一點啊。而我個人也不怎么喜歡寫CSS和JavaScript代碼，但無奈總還是要寫的。Bootstrap是在無意間看到的，響應式布局也在很早以前就了解了，也寫過，可以說寫一個好的響應式布局的網頁會耗費很多的精力。Bootstrap用起來不錯，只不過要按着它的規則來寫，所以還是要學習一下。畢竟平板、手機普及度已經超出PC機，考慮移動設備，還是使用Bootstrap來用吧，不然寫幾個網站，費時費力。
Bootstrap 中文官網 http://www.bootcss.com/
二，什么是Bootstrap
我們看一下Bootstrap官網對其是怎么說明的：Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式布局、移動設備優先的 WEB 項目。
當然在網站的下面更給出了你為什么要用Bootstrap的原因：為所有開發者、所有應用場景而設計。Bootstrap 讓前端開發更快速、簡單。所有開發者都能快速上手、所有設備都可以適配、所有項目都適用。
所以，看看人家這說的，所以即使再怎么不想寫前端，還是來了解一下吧，畢竟響應式布局是一種趨勢。其實再看看網站給出的成功實例，你也會發現使用Bootstrap開發的網站的確是不錯的。我還發現它給的網站，英文網都比較清爽、舒服而且顯得大氣，而中文網看着都有些小家子氣。可能因為這個框架是老外寫的，人家領悟了精髓。
三，下載Bootstrap
Bootstrap （當前版本 v3.3.4）提供以下3種方式幫你快速上手，你可以選擇一個適合自己的下載
（1）用於開發環境的Bootstrap，這個版本是 編譯並壓縮后的 CSS、JavaScript 和字體文件。不包含文檔和源碼文件。
（2）Bootstrap源碼，這個版本 包括 Less、JavaScript 、CSS和 字體文件的源碼，並且帶有文檔
（3）Sass 這個版本是 Bootstrap 從 Less 到 Sass 的源碼移植項目，用於快速地在 Rails、Compass 或 只針對 Sass 的項目中引入。
對於我這樣不是專門從事前端開發的，我也不知道第三種方式是什么意思，看樣子挺高大上的，建議下載第二個版本，最起碼人家有文檔啊。
對於第一種和第二種方式，我們解壓縮后都會找到js,css,fonts文件夾，這幾個文件夾就包括了我們開發過程中要使用到的文件，在項目中引入就好。其實如果可以熟練使用Bootstrap了，可以不用下載了，可以直接使用Bootstrap為自己搭建的CDN加速服務，引用方式如下
Code
四，Bootstrap的使用
Bootstrap在文檔中給了一個最簡單的 Bootstrap 頁面。如下
Code
示例中給出了Bootstrap的使用，並且給出了在IE版本低於9的情況下要引入的文件
在某些情況下，我們不希望使用響應式布局，那么我們就要禁用響應式布局，文檔也給了幾種禁用響應式布局的方式，如下：
（1）移除 此 CSS 文檔中提到的設置瀏覽器視口（viewport）的標簽：<meta>。
（2）通過為 .container 類設置一個 width 值從而覆蓋框架的默認 width 設置，例如 width: 970px !important; 。請確保這些設置全部放在默認的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒體查詢中，也可以略去!important 。
（3）如果使用了導航條，需要移除所有導航條的折疊和展開行為。
（4）對於柵格布局，額外增加 .col-xs-* 類或替換掉 .col-md-* 和 .col-lg-*。 不要擔心，針對超小屏幕設備的柵格系統能夠在所有分辨率的環境下展開。
針對 IE8 仍然需要額外引入 Respond.js 文件（由於仍然利用了瀏覽器對媒體查詢（media query）的支持，因此還需要做處理）。這樣就禁用了 Bootstrap 對移動設備的響應式支持。
五，對瀏覽器的支持
對各個廠商的瀏覽器以及版本的支持可以說是最TMD讓人頭疼的問題的，更可惡的是竟然還有那么多人用IE6。所以對瀏覽器的支持程度也是網站開發必須要考慮的，下面我們來看看Bootstrap對瀏覽器的支持怎么樣吧
在 Windows 平台，Bootstrap支持 Internet Explorer 8-11。
Bootstrap 在 Chromium 和 Linux 版 Chrome、Linux 版 Firefox 和 Internet Explorer 7 上的表現也是很不錯的，雖然我們不對其進行官方支持。
另外國內瀏覽器廠商一般都支持兼容模式（即 IE 內核）和高速模式（即 webkit 內核），不幸的是，所有國產瀏覽器都是默認使用兼容模式，這就造成由於低版本 IE （IE8 及以下）內核讓基於 Bootstrap 構建的網站展現效果很糟糕的情況。幸運的是，國內瀏覽器廠商逐漸意識到了這一點，某些廠商已經開始有所作為了！
將下面的 <meta> 標簽加入到頁面中，可以讓部分國產瀏覽器默認采用高速模式渲染頁面：
Code
不過目前只有360瀏覽器支持這個標簽。
以上只是Bootstrap的初識，在其Bootstrap給的文檔中還有很多說明，在這里就不多說了。
以上參考了Bootstrap的官方文檔，有什么不對之處，請指出，謝謝。