這本書教你怎么用Bootstrap框架輕松設(shè)計(jì)出“殺手級”界面及響應(yīng)式網(wǎng)站從怎么用Bootstrap的HTMLCSS工具和現(xiàn)成模板構(gòu)建頁面開始，逐步深入地掌握它內(nèi)置的交互組件和jQuery插件，常常是一行代碼都不用寫作為源自Twitter的一個(gè)。

Bootstrap與最新版的Google ChromeFirefoxInternet ExplorerOpera和Safari瀏覽器兼容，盡管有些瀏覽器并不是支持所有操作系統(tǒng)從20版本開始，Bootstrap支持響應(yīng)式網(wǎng)頁設(shè)計(jì)RWD頁面布局可以根據(jù)顯示網(wǎng)頁的設(shè)備桌面。

1Bootstrap，來自 Twitter，是目前很受歡迎的前端框架Bootstrap 是基于 HTMLCSSJavaScript 的，它簡潔靈活，使得 Web 開發(fā)更加快捷 它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā)，是一個(gè)CSSHTML框架Boot。

1新建一個(gè)webroot項(xiàng)目在webroot中添加res文件夾，將下載的bootstrap文件夾添加 進(jìn)去2在需要的頁面引用css和js文件將Link 的href 改成bootstrap中mincss的路徑 或者用3進(jìn)行簡單的應(yīng)用。

然而Bootstrap提出的概念是移動設(shè)備優(yōu)先的，所以Bootstrap設(shè)計(jì)出來的頁面只能向大兼容，向小不兼容三基礎(chǔ)布局組件基礎(chǔ)布局組件就是Bootstrap框架內(nèi)為一些基礎(chǔ)布局的標(biāo)簽定義了一些統(tǒng)一的樣式如Table按鈕表單等下面讓我們看一個(gè)Table。

Bootstrap 需要為頁面內(nèi)容和柵格系統(tǒng)包裹一個(gè) container 容器，包括兩個(gè)container 類用于固定寬度并支持響應(yīng)式布局的容器containerfluid 類用于 100% 寬度，占據(jù)全部視口viewport的容器如下圖是一個(gè)實(shí)例。

Bootstrap是當(dāng)前流行的前端框架下面，我們來看看Bootstrap的基本使用吧Bootstrap中文網(wǎng) 在瀏覽器中輸入Bootstrap中文網(wǎng)，然后點(diǎn)擊相關(guān)的鏈接，如下圖所示Bootstrap中文文檔 然后會進(jìn)入相關(guān)的頁面，點(diǎn)擊Bootstrap。

Bootstrap的樣式使用了lesscss技術(shù)，比如重置背景這樣的操作，這些比較簡單我就不展開敘述了，腳手架里最出彩的是柵格系統(tǒng)和布局柵格系統(tǒng)是將頁面寬度分成12列，柵格系統(tǒng)分為兩種類型，一種是默認(rèn)柵格系統(tǒng)，這時(shí)候柵格系統(tǒng)是按。