成都巴迪品牌设计 成都品牌设计

中文 WorldWide
  • 首页
  • 我们是谁
  • 我们做了什么
  • 我们的服务
  • 巴迪日志
  • 如何联系我们
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

05.apr.2015. - John Doe

Moments From
A Life

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按纽

0

Foundation按纽

1

Pure按纽

2

个人总结: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都很优秀,根据您项目需要和个人爱好来选择一款吧!前期的学习是为了你后续开发效率的提升!

最新文章
二十四节气-霜降二十四节气-秋分二十四节气-白露中国传统节日-七夕Technology is to make, people are to create.二十四节气-立秋二十四节气-大暑二十四节气-小暑二十四节气-小满母亲节
文章分类
  • 团建活动
  • 巴迪原创
  • 设计分享
  • Tags
    bootstrapCSSFoundationPure前端,
    成都巴迪品牌设计
    © Buddy Creative 2015.
    蜀ICP备16015900号-1

    川公网安备 51010702001674号