比Bootstrap還更強(qiáng)大的前端框架：Toolkit
我要評(píng)論
注 ：目前比較流行的前端框架有Bootstrap、Foundation，這兩都有著常用的網(wǎng)頁(yè)設(shè)計(jì)組件，并且兼容移動(dòng)設(shè)備，深受大眾喜愛(ài)，但如果你認(rèn)為這兩個(gè)框架的組件依然不夠用的話，可嘗試今天分享的Toolkit，它內(nèi)置的UI組件更多、更強(qiáng)大，而且實(shí)用流行。
Tookit框架特點(diǎn)是使用扁平化設(shè)計(jì)，并帶有很多新鮮的UI組件，配合CSS3動(dòng)畫(huà)，使很多組件交互效果變得很漂亮，功能實(shí)用強(qiáng)大。
下面來(lái)看看一些截圖介紹：
Tookit
高亮文本提示
Tooltips
提示信息組件（圖：左下角）
有動(dòng)畫(huà)效果，英文稱為T(mén)oast，大家可以去官方看實(shí)際的DEMO。
導(dǎo)航定位
如下圖，頁(yè)面查看到E區(qū)域，右則導(dǎo)航的E就會(huì)高亮，像某手機(jī)上的聯(lián)系人效果。
Step
開(kāi)頭按鈕
手風(fēng)琴
圖像展示
進(jìn)程進(jìn)度條
滑動(dòng)側(cè)欄效果（Off Canvas）
流布局
圖像Lazy load技術(shù)
好了，實(shí)在太多太多了，不一一展示，具體請(qǐng)點(diǎn)擊下面的鏈接去官網(wǎng)看實(shí)際效果吧：）
總體來(lái)說(shuō)，小編覺(jué)得Bootstrap和Foundation的界面好看點(diǎn)，但由于是扁平化設(shè)計(jì)，修改也是很簡(jiǎn)單的。
相關(guān)文章
基于jQuery Bootstrap3的響應(yīng)式網(wǎng)格圖片畫(huà)廊插件源碼
這是一款基于Bootstrap3.x的響應(yīng)式網(wǎng)格圖片畫(huà)廊插件的代碼。該圖片畫(huà)廊插件使用Bootstrap的網(wǎng)格系統(tǒng)來(lái)布局，采用jQuery來(lái)觸發(fā)模態(tài)窗口顯示相應(yīng)的大圖2015-11-10
Bootstrap用戶手冊(cè)·設(shè)計(jì)響應(yīng)式網(wǎng)站 中文版 高清pdf掃描版[8.5MB]
本書(shū)全面介紹了Bootstrap為前端開(kāi)發(fā)提供的所有工具，包括網(wǎng)格布局系統(tǒng)、預(yù)定義CSS樣式、內(nèi)置界面組件和交互式JavaScript插件。教你怎么用Bootstrap框架輕松設(shè)計(jì)出“殺手級(jí)2015-08-28
深入理解Bootstrap(完整版) 中文PDF掃描版[76MB]
深入理解Bootstrap結(jié)合資深Web技術(shù)專家經(jīng)驗(yàn)結(jié)晶，前端工程師必備，全面講解各功能組件的使用方法，深入分析架構(gòu)思想與源碼實(shí)現(xiàn)，及開(kāi)發(fā)自定義完整插件和擴(kuò)展，歡迎下載使用2015-08-12Bootstrap3.0學(xué)習(xí)筆記之按鈕的樣式
在bootstrap中, 按鈕(button)有不同的六種方式. 默認(rèn)的button的樣式是: btn. 這個(gè)是必要的樣式. 還有其他的六種不同方式展現(xiàn).分別為: 默認(rèn), 主要, 成功, 信息, 警告, 危險(xiǎn),2014-11-20
jQuery結(jié)合KAdmin響應(yīng)式Bootstrap后臺(tái)管理模板源碼
兩套皮膚風(fēng)格模板，響應(yīng)式設(shè)計(jì)，兼容PC端和手機(jī)移動(dòng)端，自適應(yīng)屏幕分辨率，全套模板，包括儀表盤(pán)、布局、UI元素、Forms、Tables等2015-09-0720款優(yōu)秀前端框架：BootStrap、blueprint等
前端開(kāi)發(fā)并不難，但是要想做得優(yōu)雅、健壯并不容易，使用一個(gè)好的前端框架能夠幫你很多忙。本文列舉了20個(gè)優(yōu)秀的前端框架，供選擇使用。2015-01-17
