看到越来越多的网站建设公司的建设案例、改版网站的效果趋近于统一化，不由得留意了一下源代码，发现同样使用了bootstrap.css，原来这也是同事经常提起的一个css框架，在一些国外的案例展示中的UI，虽然一大篇子form组件、table样式等等的，基本都是一样的，都是用了bootstrap。

　　了解了应用用途与实现效果后，打开了它的中文网站，友好的界面，新式的设计，简单美观，随之看了使用方法，与以往的UI套件使用差不多。那么唯一担心的就是与IE6的兼容性，多么想能够真正扔了IE6，但在黑龙江省网站建设的科技发展程度上看，还是要忍忍。为什么这样说呢，唠叨几句题外话，根据以前在在电力项目、政府机关项目所见到的情况。新的网站、系统特意要求兼容IE6，为什么呢?因为以前所用的老系统是只有在IE6下好用，高版本的浏览器功能就会出现异常或空白，逼不得已，得用IE6，有解么?所以对待这些少量客户所产生的利润，宁可难受，也得忍忍IE6，至少保证格式不乱。

　　经过ietester的测试，IE6、IE7，比较惨的是框架中的栅格系统，差别比较大，ie6、ie7与其他浏览器有差别，栅栏的宽度、间距有点不同。其次一些圆角特效、框体阴影、文字阴影，这些表现效果都稍差一些。

　　这耽误了使用bootstrap建立网页框架，从而自动适应响应式设计的简便。

　　尝试寻找了网上的解决方案，有两种ie6兼容bootstrap插件，一个有1年没更新了，另一个有比较清晰的介绍，那些做了兼容，效果达到了什么样的效果，但对框架的栅栏宽度、间距仍没有效果。

　　准备在自定的css中写hack，看看是否能修复，为了响应式设计，许多宽度应使用百分比设定，而这个工作量较大，不如暂时使用自定的宽度方式，等进一步强化手机cms功能。也许是时间问题，没有发现到bootstrap的span栅栏的更多使用方法。

　　使用细节：

　　将bootstrap默认的字体修改为微软雅黑，搜索font-family:，替换为：font-family:Microsoft YaHei, Tahoma, sans-serif;，这个字体写法比较安逸，不会担心中文乱码问题。

　　带图标的按钮，用这样来表示，图片的位置由background-position来控制，那么对齐就有点问题，不能自适应垂直居中，改写由比较麻烦，这个还是使用例如：Font Awesome类似这样的字体库吧，推荐：最新的超棒免费图标字体(icon font)收集。

　　table的样式用起来也很简单，间隔色、hover支持很好，但ie对伪类选择仍是支持不够好。

　　时间问题，仅记录目前的一知半解。

　　感谢有这么一套开源、强大的css框架可以免费使用。

 

　　哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。