首頁 > 網頁教程 > CSS > GOLD Bootstrap:支付黃金比例排版的CSS框架

GOLD Bootstrap:支付黃金比例排版的CSS框架

時間:2015-09-26    來源:設計達人

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:知名的開源前端框架中文翻譯版上線
Web前端開發框架Twitter BootStrap推薦
前端開發框架Bootstrap3.0新手入門學習系列教程
前端開發框架Bootstrap3.0學習教程之入門篇
前端開發框架Bootstrap3.0學習教程之柵格系統原理
前端開發框架Bootstrap3.0學習教程之柵格系統案例
教你用20分鐘建立自己的Bootstrap站點
三款CSS框架介紹:YAML、Blueprintcss、Elements
27款優秀的CSS框架推薦
CSS框架到底有那些優點與缺點?
20個免費CSS框架推薦 網頁設計web開發必備
8個超棒的創建響應式網頁設計框架推薦
20款設計師和web開發人員最愛的開源CSS框架推薦
TopCoat:一套免費的CSS開源UI元素類庫推薦
CSS工具之SASS樣式開發指南
10款提升工作效率的響應式頁面設計工具推薦
14款響應式布局的前端開發框架推薦
7個精致實用的的web UI框架 開源CSS框架推薦
2015年最受歡迎開源前端框架盤點TOP 20

精彩推薦

熱門教程

重庆时时开奖直播app 中体育比分直播 排列3 金韵期货 黑龙江时时彩 百晓配资 腾讯分分彩 足彩进球彩 秒速时时彩 江苏时时彩 足彩比分直播雪缘园 顶呱刮 世界杯雪缘园 股票分析论文3000字 汇巨福配资 胜平负 股票融资杠杆是多少