Bootstrap
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架裂允。Bootstrap 是基于 HTML损离、CSS、JAVASCRIPT 的绝编。
使用bootstrap的好處
1.移動設(shè)備優(yōu)先：自 Bootstrap 3 起僻澎，框架包含了貫穿于整個庫的移動設(shè)備優(yōu)先的樣式。
2.瀏覽器支持：所有的主流瀏覽器都支持 Bootstrap十饥。
3.容易上手：只要您具備 HTML 和 CSS 的基礎(chǔ)知識窟勃，您就可以開始學(xué)習(xí) Bootstrap。
4.響應(yīng)式設(shè)計：Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺式機绷跑、平板電腦和手機拳恋。
Bootstrap 包的內(nèi)容
1.基本結(jié)構(gòu)：Bootstrap 提供了一個帶有網(wǎng)格系統(tǒng)凡资、鏈接樣式砸捏、背景的基本結(jié)構(gòu)。
2.CSS：Bootstrap 自帶以下特性：全局的 CSS 設(shè)置隙赁、定義基本的 HTML 元素樣式垦藏、可擴(kuò)展的 class，以及一個先進(jìn)的網(wǎng)格系統(tǒng)伞访。
3.組件：Bootstrap 包含了十幾個可重用的組件掂骏，用于創(chuàng)建圖像、下拉菜單厚掷、導(dǎo)航弟灼、警告框莱没、彈出框等等辜王。這將在 布局組件 部分詳細(xì)講解。
4.JavaScript 插件：Bootstrap 包含了十幾個自定義的 jQuery 插件于样。您可以直接包含所有的插件抡爹，也可以逐個包含這些插件掩驱。
柵格系統(tǒng)
Bootstrap內(nèi)置了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng)冬竟，隨著屏幕設(shè)備或視口（viewport）尺寸的增加欧穴，系統(tǒng)會自動分為最多12列。
網(wǎng)格系統(tǒng)的實現(xiàn)原理非常簡單泵殴，僅僅是通過定義容器大小涮帘，平分12份(也有平分成24份或32份，但12份是最常見的)笑诅，再調(diào)整內(nèi)外邊距调缨，最后結(jié)合媒體查詢映屋，就制作出了強大的響應(yīng)式網(wǎng)格系統(tǒng)。Bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份同蜻。
在使用的時候大家可以根據(jù)實際情況重新編譯LESS（或Sass）源碼來修改12這個數(shù)值（也就是換成24或32棚点，當(dāng)然你也可以分成更多，但不建議這樣使用）湾蔓。
bootstrap把根據(jù)屏幕大小把屏幕分為了4個層級瘫析，小于768像素的為超小屏幕，大于等于768像素的為小屏幕默责，大于等于992像素的為中等屏幕贬循，大于等于1200像素的則為大屏幕，相應(yīng)的類前綴見圖或查看官方文檔桃序，根據(jù)柵格參數(shù)杖虾，我們看下下面這幅圖：
響應(yīng)式圖像
<img src="..." class="img-responsive" alt="響應(yīng)式圖像">
容器（Container）
<div class="container">
...
</div>
