對於Bootstrap的介紹以及如何使用

Bootstrap是HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。

可以自動適配任何設備，解決了響應式實現的繁瑣問題，可以修改其中的各種樣式，同樣，其內部功能的強大包含了整個HTML，CSS，JS的各個方面。

通過Bootstrap製作的網站，極大地節省了代碼，而且網頁的整潔度有明顯提高，熟練掌握使用可以更快更好的完成網站的製作。

http://v3.bootcss.com/getting-started/這是Bootstrap3.3.7的下載地址

如何使用：

如上，如果要插入自己的css文件，要將自己的css文件插入在之後




JS文件則必須將JQuery文件放在Bootstrap文件之前，否則運行會出錯。

在head中要記住寫入這段代碼，雖然是註釋體，但是會生效：第一個js讓ie8能支持HTML5的新標簽
       　　　　　　　　　　　　　　　　　　　　 第二個js讓ie8能支持CSS3媒體查詢

那麼到底如何在代碼中應用，需要從Bootstrap的官方網站瞭解各個樣式的組名
Bootstrap是通過不同的組名來判別各個標簽應有哪種效果

例如一個table上有了這些class，那麼出現的table樣式為：

而不是傳統的table樣式

通過對每個標簽不同的分組，可以實現各種不同的效果，並不需要css樣式或js的設置改動，只需要在自己的css文件中改變需要的文字樣式或顏色等即可快速做出框架網站。

柵格系統是Bootstrap製作響應式的重要系統，通過使用柵格，可以快速的完成響應式

柵格系統有這幾種寬度適配，具體應用為：

表現出的效果為：全屏

寬度逐步減少：

 寬度再次減少：

 變為一列顯示的效果。柵格系統熟練應用，可以使響應式佈局迅速完成，只需在內部設置好相應的內容即可。