|
最近在溫習web的開發(fā),，畢業(yè)之后就沒接觸web開發(fā)了。當時HTML5在國內貌似還是剛剛起步,，能適配HTML5的瀏覽器很少,。移動界面框架也才剛剛開始，記得當時曾經(jīng)學過sencha touch的移動框架以及jquery mobile框架,。這兩個框架都對響應式布局進行了不錯的適配及實現(xiàn),。響應式布局簡單來說就是對于多個移動終端只需一個界面即可全部適配，可大大地減少開發(fā)的工作量,。 最近一年Bootstrap開始廣泛地被使用了,，基于此框架開發(fā)出來的插件數(shù)不勝數(shù)。所以我花了幾天時間學習了下Bootstrap,，本篇就不介紹具體的代碼,、具體的控件了，只做Bootstrap學習方向的參考,。
介紹 Bootstrap的中文官網(wǎng)是http://www./,。基礎布局及基本控件的學習只需訪問http://v3. 作為入門參考,。對于一些高級的插件,，則只需要用到什么再去搜索，而不需要一一學習,。在官網(wǎng)中接觸到了less語言，一種動態(tài)的css語言,，一些語法可以參考官網(wǎng)http://www./p/lesscss/,。
Bootstrap對移動終端進行了非常好的適配，不過只是在界面顯示方面,，對于硬件的調用還需要其他框架支持,，比如phonegap（將在下篇中進行學習）。
環(huán)境搭建 只需引入以上文件即可（其中ie8 ie9需要額外引入shim和respond類庫來支持HTML5的相關標簽）
對于Bootstrap的主題，官網(wǎng)提供了一個默認的主題庫bootstrap-theme.min.css,如果想要其它主題可自行網(wǎng)上搜索引入即可
實例 代碼下載：http:///cjF22QI7eF5vh 訪問密碼 5268,。
 以上是我收集的用到頻率較多的Bootstrap基礎插件,。
總結 Bootstrap的控件樣式及布局均是通過編寫好的css引用即可，前期對于一些樣式的學習可能會比較耗時,，所以可以無需記憶具體的樣式名,，只需將代碼記錄成實例，在網(wǎng)站開發(fā)的過程中用到時去查找對應的樣式即可,，控件的學習也可以參考這樣的方式,。
|
|
|
來自： WindySky > 《多終端開發(fā)》
