想快速建設(shè)一個兼容手機版的響應(yīng)式網(wǎng)站，建議使用流行的Bootstrap框架，今天分享的Bootstrap 3素材幾乎包含Bootstrap的所有設(shè)計元素，比如菜單、表格、按鈕、提示等等，用來修改樣式很方便。順便附上一個特別的Gold Bootstrap黃金比例版，與官方Bootstrap框架不同之處是，它按黃金比例來排版布局，比如行距、字號比例以及常用的柵格系統(tǒng)都以黃多比例制作，追求完美的比例布局，讓Bootstrap更美。

這個Bootstrap UI KIT源文件有AI, PDF和Sketch和PSD格式。

下面來些相關(guān)截圖，下載地址在底部。

喜歡這個素材嗎？請分享給其它設(shè)計師們使用吧！
素材名稱：Bootstrap 3 ui kit
素材版權(quán)：免費
素材格式：AI, PDF, SKETCH

下載地址（約6mb）：微盤下載? ?PSD格式下載地址：微盤下載

Gold Bootstrap

建議搭梯子瀏覽，較為流暢。

黃金分割具有嚴(yán)格的比例性、藝術(shù)性、和諧性，蘊藏著豐富的美學(xué)價值，而且呈現(xiàn)于不少動物和植物的外觀。現(xiàn)今很多工業(yè)產(chǎn)品、電子產(chǎn)品、建筑物或藝術(shù)品均普遍應(yīng)用黃金分割，展現(xiàn)其功能性與美觀性。

Gold Bootstrap 也跟隨這些特征，把BS的所有組件都按黃金分割比例1.618來編寫。

黃金比例的標(biāo)題

從h1 – h6標(biāo)簽都以黃金比來處理。

黃金比便的柵格系統(tǒng)

連柵格布局都用這個比例，使用的時候只添加對應(yīng)的Class名稱，如:?.col-gold-lg?和.col-gold-sm，這樣就能實現(xiàn)黃金比布局。

除了以上這些，Gold bootstrap 已經(jīng)把所有組件按黃金比例來處理了，包括表格、表單、Tab選項卡、菜單等等。

總結(jié)

可以看出開發(fā)者還是改動了很多組件，都按黃金比例來進行編寫，對于喜歡使用Bootstrap框架的用戶來說，不妨試試這個Gold BS Framework。

【幾款強大無比的素材管理神器】

新生代素材管理神器！
《有圖的都交給我！新生代圖片素材管理神器INBOARD》

圖標(biāo)素材管理工具ICONJAR！
《術(shù)業(yè)專攻！超方便的圖標(biāo)素材管理工具ICONJAR》

字體管理神器！
《設(shè)計師們！超好用的字體管理工具RIGHTFONT》

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量101萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com