久聞Bootstrap的大名，一直沒有實戰過，這次開發公司的網站，時間也不是很緊，就決定試試！
主要參考了這兩個網站的一些資料：
1、http://www.bootcss.com，Bootstrap中文網，官網的中文版，版本基本是同步更新的；
2、http://www.csswang.com，分析了許多的設計經驗。
最後的成果大家可以點擊這個鏈接去觀摩：http://www.cqcy-tech.com
一、選擇Bootstrap的原因
主要是效率上考慮，Bootstrap提供常用的一些組件，可以減少工作量；另外設計是碼農的短板啊，Bootstrap默認的效果出來貌似就不錯哦，再找美工給做些調整和效果增強就可以了，在架構上不會有大的改動；當然也有響應設計帶來的好處，我用手機瀏覽器訪問：http://www.cqcy-tech.com，效果確實不錯。
二、過程總不會一帆風順
- 網站的頂部參考了“精簡版的營銷類網站”這個案例；
- 另外在準備加一個大屏輪播的時候，發覺使用bxslider效果更好；
- 百度地圖和Bootstrap的CSS有些衝突，所以引入百度地圖的時候，乾脆用了一個不被推薦的方式：iframe，用iframe去展現地圖，然後整體的佈局還是Bootstrap。這種方式的弊端，iframe性能上的影響可以暫時不管，但對響應設計的破壞是一定的，手機上瀏覽的話，地圖部分不能適應屏幕自動調整；
- 還用到jquery.scollUp.js，實現回到頁面頂部的功能。(當然，jQuery也是必須的)
三、上線與優化
整個過程就是週末兩天抽了一些時間來開發，今天週一來就與同事看了一下，再把百度統計的代碼給加上就發佈了，效率還是挺高的。。。後續的還是需要美工的介入，做些廣告圖片和優化