Bootstrap是一組用于網站和網絡應用程序開發(fā)的開源前端（所謂“前端”片酝，指的是展現(xiàn)給最終用戶的界面鞠鲜。與之對應的“后端”是在服務器上面運行的代碼）框架，包括HTML砰碴、CSS及JavaScript的框架啃憎，提供字體排印、窗體似炎、按鈕辛萍、導航及其他各種組件及Javascript擴展悯姊，旨在使動態(tài)網頁和Web應用的開發(fā)更加容易。
Bootstrap響應式設計
使用Bootstrap前端框架進行響應式色劑贩毕，集中創(chuàng)建頁面的圖片排版大小挠轴，可以智能地根據用戶行為以及使用的設備環(huán)境（系統(tǒng)平臺、屏幕尺寸耳幢、屏幕定向等）進行相對應的布局。（使網頁在各種尺寸的終端上均可以較好地顯示欧啤，無需根據屏幕尺寸再做適配睛藻。）
- 使用Bootstrap框架，僅需將：
<link rel = "stylesheet" />
添加到html文件開頭中邢隧。
container-fluid自適應布局
采用Bootstrap前端框架店印，需要將所有的HTML內容放在屬性class = "container-fluid"的div標簽內，表示網頁內容采用自適應布局倒慧。圖片自適應
在手機頁面中插入一張圖片按摘，圖片的大小可能超過屏幕的尺寸，只需要在img標簽中加入class = img-responsive屬性即可解決纫谅。
注：根據屏幕的尺寸來調整圖片的寬度炫贤，圖片的長度依據圖片的長、寬比例自動調整付秕，得到最佳的顯示效果兰珍。標題居中
在h標簽中加入class = "text-center"屬性即可。Bootstrap風格的按鈕
通過btn屬性询吴，美化按鈕掠河。
<button class = "btn">Like</button>
通常情況下，button元素僅與所包含的文本同寬猛计。通過使其成為塊級元素唠摹，按鈕將會延展，填滿頁面整個水平空間奉瘤。其后的所有元素均在區(qū)塊的下一行勾拉。
使用btn-block屬性實現(xiàn)。
<button class = "btn btn-block">Like</button>
- 按鈕的顏色
深藍色：btn-primary屬性盗温，應用的主要顏色望艺，用于用戶主要采取的操作；
淺藍色：btn-info屬性肌访，用戶可能采取的操作找默；
紅色：btn-danger屬性，可能具有破壞性的操作吼驶，如刪除惩激。<button class = "btn btn-info">Like</button>
- 行內布局
Bootstrap將多個元素置于一行店煞，并且制定各個元素的寬度。借助`div`標簽實現(xiàn)风钻，Bootstrap中多數(shù)`class`屬性均可以放入`div`標簽中顷蟀。
```html
<div class = "row">
<div class = "col-xs-2"><button>Like</button></div>
<div class = "col-xs-2"><button>Hate</button></div>
<div class = "col-xs-2"><button>Bullshit</button></div>
</div>
注：
col：列；xs：extra-samll（適用于小屏）骡技；md：medium（中等的）*：表示一個數(shù)字鸣个，代表一行中各個元素的寬度。
- 行內元素
<span>...</span>
通過span標簽可以為一個元素的不同部分分別制定樣式布朦。
