bootstrap框架是以移動設備優(yōu)先的設計理念戴已，配合媒介查詢實現各個屏幕的設計。
*less文件可實現按需加載坦胶，variables.less內定義了基礎變量,mixins文件內定義了混合函數
*小技巧get,html標簽結束注釋
<code>
<div class="container">
...
</div>
</code>
*ie8下使用response.js實現媒介查詢（本地端無效肛冶，請在客戶端查看）
<code>
</code>
<div class="clearfix visible-sm"></div> 針對性地清除
<code>
<div class="col-sm-4 col-md-2">
...
<div class="col-sm-4 col-md-2">
...
<div class="col-sm-4 col-md-2">
...
<div class="about col-sm-12 col-md-6">
</code>
以前都需要row包裹清除浮動，現在可以包裹塊內可以存放各類子元素狈定，根據visible-*實現不同屏幕顯示列數量。
*優(yōu)化站點資源
文件大邢芭睢（圖片纽什，css和JavaScript文件）,主要方法都是采用壓縮。
圖片：可采用響應式圖片友雳。
css：去掉不必要的文件稿湿，使用less工具按需加載（bootstrap.less加載了很多不沒必要的樣式）。
js：同上押赊。
*響應式圖片
本書主要介紹使用Picturefil實現響應式圖片，小屏幕使用xx-sm圖片，大屏幕顯示正常圖片流礁。
代碼示例如下：
<code>
<span data-picture data-alt="OKWU Homepage">
<span data-src="img/okwu-sm.jpg"></span>
<span data-src="img/okwu.jpg" data-media="(min-width: 640px)"></span>
<noscript>
img(img/okwu.jpg)
</noscript>
</span>
</code>
缺點： html層級要求太高涕俗，建議還是由服務器端處理響應式圖片加載。
*Carousel支持手勢
本書使用TouchSwipe插件實現神帅。
相似插件還有hammer,Swipe等再姑。
擴展推薦bootstrap實例網站
http://www8.hp.com/cn/zh/home.html（惠普中國）
http://www.adobe.com/cn/（adobe）
