企业微信
酷网科技公司
当前位置: 建站知识  >>  浏览文章
时间:2016年06月04日 信息来源:互联网

GOLD Bootstrap 黄金比例版

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

Bootstrap教程 Bootstrap学习 黄金比例分割

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

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

Bootstrap教程 Bootstrap学习 黄金比例分割

黄金比例的标题

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

Bootstrap教程 Bootstrap学习 黄金比例分割

黄金比便的栅格系统

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

Bootstrap教程 Bootstrap学习 黄金比例分割

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

Bootstrap教程 Bootstrap学习 黄金比例分割

总结

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

延伸阅读:

  • Bootstrap 4.0重大更新 及亮点解读
  • 建站教程:利用Bootstrap进行快速Web开发
  • 15个好看的Bootstrap HTML网站模板下载
  • 17款免费的Bootstrap后台管理模板集合
  • 20分钟建立自己的Bootstrap站点
  • 盘点20款免费的Bootstrap后台和前端模板


(编辑:小酷)

 


上一篇:设计一款APP产品需要考虑哪些因素?
下一篇:一个成功的H5营销案例,必须在四个方面下足功夫
联系
客服

扫码添加客服微信

服务热线
服务热线
0411-62888851
公众号

扫码关注公众号

回到顶部