HTML & CSS » GOLD Bootstrap 黄金比例版

GOLD Bootstrap 黄金比例版

发表于: HTML & CSS, 优秀设计资源. 评论
Sponsor

Gold Bootstrap 与官方 Bootstrap 框架不同之处是,它按黄金比例来排版布局,比如行距、字号比例以及常用的栅格系统都以黄多比例了制作,追求完美的比例布局,让Bootstrap更美。

GOLD Bootstrap 黄金比例版

黄金分割具有严格的比例性、艺术性、和谐性,蕴藏着丰富的美学价值,而且呈现于不少动物和植物的外观。现今很多工业产品、电子产品、建筑物或艺术品均普遍应用黄金分割,展现其功能性与美观性。

Gold Bootstrap 也跟随这些特征,把BS的所有组件都按黄金分割比例1.618来编写。

 

黄金比例的标题

从h1 – h6标签都以黄金比来处理。

黄金比便的栅格系统

连栅格布局都用这个比例,使用的时候只添加对应的Class名称,如: .col-gold-lg.col-gold-sm,这样就能实现黄金比布局。

除了以上这些,Gold bootstrap 已经把所有组件按黄金比例来处理了,包括表格、表单、Tab选项卡、菜单等等。

总结

可以看出开发者还是改动了很多组件,都按黄金比例来进行编写,对于喜欢使用Bootstrap框架的用户来说,不妨试试这个Gold BS Framework.

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }