Bootstrap,Foundation,Pure优劣对比总结!
在前端框架盛行的年代,各种前端框架蜂拥出现,Bootstrap,Foundation,Pure就属于其中的佼佼者,下边我将为大家简单介绍这三款前端框架能成为佼佼者的原因。
Bootstrap官网:http://getbootstrap.com/
Foundation官网:http://foundation.zurb.com/
Pure官网:http://purecss.io/
1.网格布局
Foundation宣称世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最复杂也是最灵活的,Bootstrap默认支持四种网格布局,Pure默认支持一种!
个人总结:Bootstrap,Foundation,Pure我都用以实际项目中,响应式框架中网格布局Foundation无愧它的口号,的确是最强的!Bootstrap稍弱一点,Pure由于以简洁小巧而著称,由此响应式网格相对比较弱,很多得自己动手!
2.样式对比
前端框架流行的一大原因就是封装了很多常用样式,需要的时候简单调用就可以了。
以按纽和表单为例进行简单对比
Bootstrap按纽
Foundation按纽
Pure按纽
个人总结:Foundation按纽最灵活,样式一般,Bootstrap样式美观,灵活不足,Pure就显得比较简陋了。
3.JS插件
Bootstrap,Foundation的JS插件都基于jQuery开发,网站常用的功能组件两个框架都有包含进去,明显区别 Bootstrap样式美观一些,Foundation样式比较简单,Foundation相比Bootstrap拥有更丰富的JS插件,详情可参考各自 的官方文档。Pure没有JS插件,只拥有简洁的CSS样式!
总结
Bootstrap拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟的,也是其最受欢迎的条件之一。
Foundation以灵活而著称,所封装的东西不一定的最漂亮的,但一定是最实用的!灵活扩展性第一。
Pure简洁小巧的CSS框架,如果你不喜欢Bootstrap,Foundation等复杂的框架,那么Pure一定会成为你最佳的选择!
Bootstrap,Foundation,Pure都很优秀,根据您项目需要和个人爱好来选择一款吧!前期的学习是为了你后续开发效率的提升!