在国外社交网站Twitter推出Bootstrap之后,在很长一点时间内,大大小小的网站都开始采用这种技术来构建响应式网站。然而,当时真正参与几个响应式网站建设的过程后,你会发现Bootstrap并不是那么的人性化。下面我们来讨论一下响应式网站为什么不推荐使用Bootstrap。

 

一、Bootstrap并非最优化设计

 

     通常情况,网页前端的代码越简洁,网站的加载速度、搜索引擎友好度表现也会越好。但我们是使用Bootstrap构建前端代码时,必须使用Bootstrap定义好的DOM元素,这对于简洁主义者是致命的,而且Bootstrap的可扩展性、重用性以及维护性方面都表现不好,这大大增加了网站开发者的工作量和工作难度。

 

二、Bootstrap不易融合使用

 

      如果你正在设计一个网站项目,但部分功能想用Bootstrap,那么很抱歉,你会发现你现有的Html、CSS和JS都会多多少少的与Bootstrap存在冲突。这种情况下,你首先要搞清楚哪些脚本和样式冲突,然后根据Bootstrap的规则进行删除和替换,必要的时候还要重写。

 

三、Bootstrap无用内容太多

 

     目前,Bootstrap包含129KB的CSS样式和29KB的JavaScript。除非你的网站完全基于Bootstrap开发,否则这里面很多的样式和脚本你这一辈子都不会用到。那么用不到的情况下,用户浏览你网站的时候依然要完全的加载这些样式和脚本,网站打开时间自然要延长,这将直接影响到网站的用户体验度。

 

四、不支持SASS

 

     Bootstrap是基于LESS构建,原生的Bootstrap不支持Compass和SASS。如果你的项目采用的是SASS,那么只能放弃Bootstrap。这里我们不对LESS和SASS的优劣进行对比,之后我们会单独写篇文章对它们进行介绍。

 

五、Bootstrap太流行

 

     前面提到,很多网站都在使用Bootstrap构建网站,说句玩笑话,可能开发者家中的狗都见过Bootstrap的代码。你可能因为时间原因选择使用Bootstrap构建网站风格,但很快你就会发现互联网上有很多大大小小的网站和你的网站风格相似。你网站的辨识度严重下降,更无创意可谈!

 

上面就是我们基于Bootstrap进行响应式网站建设之后总结的几点不用Bootstrap的原因,仅供大家参考!