在前端框架盛行的年代，各种前端框架蜂拥出现，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都很优秀，根据您项目需要和个人爱好来选择一款吧！前期的学习是为了你后续开发效率的提升！