推薦13款優秀的Twitter Bootstrap JavaScript插件

Bootstrap是基於HTML,CSS和JavaScript的簡潔靈活的流行前端框架及交互組件集,由微博先驅Twitter在2011年8月開源的整套前端解決解決方案,擁有很是完備和詳盡的開發文檔,有了它,Web開發人員可以輕鬆搭建出清爽風格的界面以及實現良好的交互效果。 html

Twitter Boostrap的口號是適用於任何場景,適用於每個人,現在愈來愈多的開發者開始積極使用Boostrap,就在幾周前,Bootstrap發佈了最新版本,改進了許多新特性。Bootstrap是迄今爲止最全面的前端框架及真正適用於快速成型和後端/CMS開發工具。本文收集了10款很是不錯的Twitter bootstrap JavaScript擴展插件,利用Boostrap開發者能夠節省大量的時間修復跨瀏覽器佈局問題,實現各類形式的Web界面。 前端

1. Fuel UX html5

Fuel UX是Twitter Bootstrap的一款輕量級插件。組件包括ComboBox, Datagrid, Pillbox, Search 和Spinner等一些實用的插件。 react

2. BootMetro jquery

BootMetro能夠將bootstrap轉換成Microsoft Metro UI。此外,BootMetro附帶的JavaScript插件可以很好的支持Metro性能。 git

3. WYSIHTML5 github

WYSIWYG HTML5很是漂亮的一款Web編輯器,擁有比較全面的配置和事件可以知足你的需求。 編程

4. jqBootstrap Validation bootstrap

我很是喜歡Bootstrap默認的風格。若是你想要個不同凡響的主題,那麼這個插件能夠幫助你。 後端

5. ColorPicker

這個插件容許你添加顏色字段,支持多種色彩風格。

6. DatePicker

Datepicker容許添加文本或者任意元素,它常被用做組件可支持多種日期格式。

7. TimePicker

若是你擁有一款日期選擇器,那麼你確定想自定義編輯日期。這款插件只需利用鼠標或者箭頭鍵便可輕鬆輸入文本。

8. DateRange Picker

若是你曾用過Google Analytics(谷歌分析器),這款Javascript插件你確定會很熟悉。DateRange很是適用於生成報表或者收集預定日期。

9. Bootbox JS

利用Twitter Boostrap現有模式建立編程式對話框。bootbox是一款很是靈活的且強大的JavaScrip對話框。

10. jQuery UI Bootstrap

這款擁有和Twitter Boostrap類似的主題,最重要的是若是你想將bootstrap和jQuery UI集成在一塊兒,這個主題將會使它們看起來更加一致。

11. jQuery File Upload

基於HTML5 Ajax文件上傳。基本的實現方式仍是不錯的,這裏還有許多示例演示。

12. DataTables

DataGrid與Fuel UX類似,支持排序,分頁,搜索等功能。

13. Bootsnipp

Bootsnipp不一樣於任何一款JavaScript插件,複製和粘貼布局代碼段。它集合了經常使用的UI,包括登錄屏,窗口模式,表,導航欄等等,你能夠獲取代碼並當即使用。

相關文章
相關標籤/搜索