看到越來越多的網(wǎng)站建設(shè)公司的建設(shè)案例、改版網(wǎng)站的效果趨近于統(tǒng)一化，不由得留意了一下源代碼，發(fā)現(xiàn)同樣使用了bootstrap.css，原來這也是同事經(jīng)常提起的一個css框架，在一些國外的案例展示中的UI，雖然一大篇子form組件、table樣式等等的，基本都是一樣的，都是用了bootstrap。

　　了解了應(yīng)用用途與實現(xiàn)效果后，打開了它的中文網(wǎng)站，友好的界面，新式的設(shè)計，簡單美觀，隨之看了使用方法，與以往的UI套件使用差不多。那么唯一擔(dān)心的就是與IE6的兼容性，多么想能夠真正扔了IE6，但在黑龍江省網(wǎng)站建設(shè)的科技發(fā)展程度上看，還是要忍忍。為什么這樣說呢，嘮叨幾句題外話，根據(jù)以前在在電力項目、政府機關(guān)項目所見到的情況。新的網(wǎng)站、系統(tǒng)特意要求兼容IE6，為什么呢?因為以前所用的老系統(tǒng)是只有在IE6下好用，高版本的瀏覽器功能就會出現(xiàn)異常或空白，逼不得已，得用IE6，有解么?所以對待這些少量客戶所產(chǎn)生的利潤，寧可難受，也得忍忍IE6，至少保證格式不亂。

　　經(jīng)過ietester的測試，IE6、IE7，比較慘的是框架中的柵格系統(tǒng)，差別比較大，ie6、ie7與其他瀏覽器有差別，柵欄的寬度、間距有點不同。其次一些圓角特效、框體陰影、文字陰影，這些表現(xiàn)效果都稍差一些。

　　這耽誤了使用bootstrap建立網(wǎng)頁框架，從而自動適應(yīng)響應(yīng)式設(shè)計的簡便。

　　嘗試尋找了網(wǎng)上的解決方案，有兩種ie6兼容bootstrap插件，一個有1年沒更新了，另一個有比較清晰的介紹，那些做了兼容，效果達到了什么樣的效果，但對框架的柵欄寬度、間距仍沒有效果。

　　準備在自定的css中寫hack，看看是否能修復(fù)，為了響應(yīng)式設(shè)計，許多寬度應(yīng)使用百分比設(shè)定，而這個工作量較大，不如暫時使用自定的寬度方式，等進一步強化手機cms功能。也許是時間問題，沒有發(fā)現(xiàn)到bootstrap的span柵欄的更多使用方法。

　　使用細節(jié)：

　　將bootstrap默認的字體修改為微軟雅黑，搜索font-family:，替換為：font-family:Microsoft YaHei, Tahoma, sans-serif;，這個字體寫法比較安逸，不會擔(dān)心中文亂碼問題。

　　帶圖標的按鈕，用這樣來表示，圖片的位置由background-position來控制，那么對齊就有點問題，不能自適應(yīng)垂直居中，改寫由比較麻煩，這個還是使用例如：Font Awesome類似這樣的字體庫吧，推薦：最新的超棒免費圖標字體(icon font)收集。

　　table的樣式用起來也很簡單，間隔色、hover支持很好，但ie對偽類選擇仍是支持不夠好。

　　時間問題，僅記錄目前的一知半解。

　　感謝有這么一套開源、強大的css框架可以免費使用。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)。