Twitter Bootstrap 是***的前端框架之一，作為開發(fā)者用作建立有效和有用的Web應(yīng)用的手段，它可被看作是網(wǎng)絡(luò)發(fā)展的中堅(jiān)力量。它功能很豐富：使用12列響應(yīng)網(wǎng)格，眾多組件，JavaScript插件，排版，表格控件，甚至可以基于網(wǎng)頁來定制自己的Bootstrap 。 

在本文中，我們收集了給開發(fā)者的20個***的 jQuery的Bootstrap 插件，這將有助于您創(chuàng)建有創(chuàng)新和有用的網(wǎng)站和應(yīng)用程序。我們希望你會發(fā)現(xiàn)列表中的插件能對你接下來的項(xiàng)目很好地派上用場。好好享受！

1. Bootstrap File Input

Bootstrap3.x 的一個增強(qiáng)版的HTML 5 文件選擇控件，可以對圖片文件和文本文件進(jìn)行預(yù)覽，以及其他功能。該插件增強(qiáng)了這些插件，并且將組件的初始化簡化為一個簡單的HTML文件字段。它同時還提供了多個文件預(yù)覽的功能包括圖片和文本文件。

2. PNotify

PNotify 是一個由SciActive 開發(fā)的 JavaScript的通知插件，曾用名Pines Notify。它的設(shè)計(jì)理念是提供一個極度靈活而又非常容易實(shí)現(xiàn)和使用。它可以提供非阻塞的通知。允許用戶在不關(guān)閉它的情況下點(diǎn)擊通知后面的元素。PNotify 使用了Bootstrap 和 jQuery UI來定義樣式，這意味著可以非常容易的對它進(jìn)行自定義主題樣式。

3. Pongstagr.am

Pongstagr.am是一個jQuery插件，它允許在你的網(wǎng)站使用Bootstrap 前端的風(fēng)格和模態(tài)插件顯示你Instagram媒體。 在大多數(shù)情況下，Instagram的API，只要求使用一個client_id。一個簡單的client_id通過特定的應(yīng)用程序，關(guān)聯(lián)到服務(wù)器，腳本或程序。 然而，一些請求需要身份驗(yàn)證 —— 特別是涉及用戶利益時。

4. X-editables

X-editable 支持Twitter Bootstrap，jQuery UI的或純jQuery的就地編輯。 這個庫允許你在你網(wǎng)頁上創(chuàng)建可編輯元素。 它同時包括彈出和內(nèi)嵌模式。 它是bootstrap可編輯插件的新方式，大力地重構(gòu)和完善過。 它支持像文字，區(qū)域文本，選擇，日期，日期ui和清單的輸入類型。 它支持客戶端和服務(wù)器端驗(yàn)證。容器位置是完全可定制的。 用戶可以通過單擊，雙擊或手動切換。它工作于IE7+和所有的現(xiàn)代瀏覽器。

5. ColorPicker

一個時鐘分割的時間拾取器的Boostrap的jQuery插件。同時支持桌面和移動設(shè)備。也可以很好運(yùn)行在觸屏設(shè)備上。大部分瀏覽器都支持，包括IE9+。但是它應(yīng)該在IE8上看起來和表現(xiàn)得足夠好。 

6. Bootstrap FileStyle

Bootstrap Filestyle是一個基于jQuery組件庫，并且可以Twitter Bootstrap化的插件，用來風(fēng)格化表單的文件字段。這個插件以一個有趣的方式來展示發(fā)送的文件，以如此的有吸引力的一種形式，簡單而高效。

7. Bootstrap Progressbar

Bootstrap Progressbar 是一個擴(kuò)展了基本的Twitter的引導(dǎo)進(jìn)度條的jQuery插件。它提供了已經(jīng)存在的CSS過渡混合JavaScript動畫進(jìn)度條的能力。 此外，您可以在進(jìn)度條上顯示當(dāng)前進(jìn)度信息，或者通過回調(diào)函數(shù)獲取值。 

8. Bootstrap Star Rating

一個簡單但強(qiáng)大的jQuery的星星投票的Bootstrap 插件，它支持高級的功能，像小數(shù)星星填充和支持RTL輸入。主要是通過利用純CSS-3的風(fēng)格來呈現(xiàn)控件進(jìn)行開發(fā)。該插件使用Bootstrap標(biāo)記和默認(rèn)風(fēng)格，但它可以用其它任意CSS標(biāo)記覆蓋。

9. Bootstrap Growl

非常簡單的jQuery插件，可以讓標(biāo)準(zhǔn)的Bootstrap 提示變成進(jìn)入懸停時“咆哮般”提示。 它具有許多的功能，比如它使用標(biāo)準(zhǔn)的Twitter Bootstrap 提示，包括'info'，'error'，和'success'的風(fēng)格，還支持連續(xù)多個咆哮般調(diào)用，層疊在一個列表。

10. jQuery Pagination Plugin

這個jQuery插件可以簡化Bootstrap分頁的使用。它使用相應(yīng)的類：.pagination（更改這個），.active 和 .disabled.

#p#

11. Bootstrap Tabcordion

一個簡單的jQuery插件，它把一組Bootstrap 的選項(xiàng)卡成Bootstrap 風(fēng)琴折疊。它可以配置運(yùn)行容器或視窗的大小轉(zhuǎn)變，來提供響應(yīng)式的很贊的時髦的富UI。

12. Bootstrap ColorPicker Sliders

Bootstrap 3優(yōu)化的高級響應(yīng)式的顏色選擇器，使用色樣并支持人類感知的亮度。適用于所有的現(xiàn)代瀏覽器和觸屏設(shè)備。 

13. Bootstrap Tour

Twitter Bootstrap Popovers通過快速簡便的方法來建立你們的產(chǎn)品教程。 此庫不依賴于完整的Bootstrap 程序包。 唯一的依賴是tooltip 和popover  文件。Bootstrap Tour 保存了當(dāng)前步驟，如果用戶已經(jīng)讀完，不會再次顯示教程。

14. Bootstrap Markdown

Simple Markdown作為編輯工具運(yùn)行。Bootstrap-Markdown的設(shè)計(jì)可以很容易地集成到你的bootstrap 項(xiàng)目。 它對外暴露了有用的API，可讓您完全沉浸于該插件。

15. Bootstrap Lightbox

一個基于bootstrap模態(tài)插件的燈箱插件 。

16. Bootpag

bootpag是一個動態(tài)分頁jQuery插件。與Twitter Boostrap或任何其他的html頁面都好使。

17. Summernote

Summernote是一個建立在jQuery和Bootstrap之上的簡單，簡潔和靈活的所見即所得編輯器。同時支持Bootstrap的2個活躍版本（2和3），并為所有主要操作配備鍵盤快捷鍵。功能強(qiáng)大的API，提供了大量的自定義設(shè)計(jì)的選項(xiàng)（寬，高，活躍項(xiàng)......）和功能。

18. Date Range Picker Plugin

這個Twitter Bootstrap 的日期范圍選擇器插件創(chuàng)建一個下拉菜單，用戶可以從中選擇一個日期范圍。用來創(chuàng)建改進(jìn)的報(bào)表UI。如果調(diào)用時不帶任何選項(xiàng)，它將會出現(xiàn)兩個日歷，用來選擇開始和結(jié)束日期?；蛘吣憧梢蕴峁┤掌诜秶斜恚脩艨梢詮闹羞x擇而不是從日歷中選擇日期。

19. Bootstrap Image Gallery

Bootstrap Image Gallery 是blueimp Gallery 的擴(kuò)展， 一個支持觸屏，響應(yīng)式和可定制的圖片和圖片庫。它用來顯示顯示的圖像和視頻，使用了Bootstrap框架的模態(tài)對話框，支持滑動功能，鼠標(biāo)和鍵盤導(dǎo)航，過渡效果，全屏支持和按需加載內(nèi)容 ， 并且可以擴(kuò)展到顯示額外內(nèi)容類型。

20. jQDrawBootstrapGrid

一個簡單的jQuery插件，用作Twitter bootstrap布局的畫網(wǎng)格列。在非流動布局情況下(container-fluid, row fluid)也好使。

英文原文：20 Best jQuery Bootstrap Plugins for Developers

譯文來自：http://www.oschina.net/translate/20-best-jquery-bootstrap-plugins-for-developers