当前位置:天才代写 > tutorial > 网页教程 > 详解Bootstrap黄金比例版——Gold Bootstrap

详解Bootstrap黄金比例版——Gold Bootstrap

2018-05-18 08:00 星期五 所属: 网页教程 浏览:482

  一说到Bootstrap,大家都知道它是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个响应式CSS/HTML框架。目前,Bootstrap最新版本为3.0 。但是说到Gold Bootstrap,相信你就不认识了吧,让我们一起来了解一下Gold Bootstrap吧。

  那么Gold Bootstrap 与我们所熟知的官方 Bootstrap 框架有什么不同之处呢?Gold Bootstrap 它是按黄金比例来排版布局的,比如行距、字号比例以及常用的栅格系统都以黄金比例制作,以追求完美的比例布局,让Bootstrap更美更完善。

Gold Bootstrap 它是按黄金比例来排版布局的

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

  Gold Bootstrap 也继承了黄金分割的这些重要特征,它把Bootstrap的所有组件都按黄金分割比例1.618来编写。

它把Bootstrap的所有组件都按黄金分割比例1.618来编写

  下面展示黄金比例的标题样式~标题从h1 – h6标签都是以黄金比例来处理的,使标题看起来更好看更美观。

黄金比例的标题样式

  接下来我们来看看黄金比例的栅格系统,连栅格布局都用这个比例,使用的时候我们只需添加对应的Class名称,如: .col-gold-lg 和.col-gold-sm,这样就能轻松实现黄金比布局。

黄金比例的栅格系统

  除了以上我们说的展示的部分,Gold bootstrap 已经把所有组件按黄金比例来处理了一个遍,包括表格、表单、Tab选项卡、菜单等等。

Gold bootstrap 所有组件都是按黄金比例来处理的

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

  总结:

  通过上述介绍,我们对于Gold bootstrap已经有了大概的了解了,各位同学是不是很感兴趣呢?那还等什么?快去下载尝试一下吧,假如你对于本篇教程还有什么不清楚的地方,欢迎到本站视频站搜索相关视频,还有老师实时解答同学问题哟~

 

    关键字:

天才代写-代写联系方式