提供給開發者的 20 款最棒的 jQuery Bootstrap 外掛

edithfang發表於2014-06-21

Twitter Bootstrap 是最流行的前端框架之一,作為開發者用作建立有效和有用的Web應用的手段,它可被看作是網路發展的中堅力量。它功能很豐富:使用12列響應網格,眾多元件,JavaScript外掛,排版,表格控制元件,甚至可以基於網頁來定製自己的Bootstrap 。
1. Bootstrap File Input

Bootstrap3.x 的一個增強版的HTML 5 檔案選擇控制元件,可以對圖片檔案和文字檔案進行預覽,以及其他功能。該外掛增強了這些外掛,並且將元件的初始化簡化為一個簡單的HTML檔案欄位。它同時還提供了多個檔案預覽的功能包括圖片和文字檔案。
2. PNotify

PNotify 是一個由SciActive 開發的 JavaScript的通知外掛,曾用名Pines Notify。它的設計理念是提供一個極度靈活而又非常容易實現和使用。它可以提供非阻塞的通知。允許使用者在不關閉它的情況下點選通知後面的元素。PNotify 使用了Bootstrap 和 jQuery UI來定義樣式,這意味著可以非常容易的對它進行自定義主題樣式。
3. Pongstagr.am

Pongstagr.am是一個jQuery外掛,它允許在你的網站使用Bootstrap 前端的風格和模態外掛顯示你Instagram媒體。 在大多數情況下,Instagram的API,只要求使用一個client_id。一個簡單的client_id通過特定的應用程式,關聯到伺服器,指令碼或程式。 然而,一些請求需要身份驗證 —— 特別是涉及使用者利益時。
4. X-editables

X-editable 支援Twitter Bootstrap,jQuery UI的或純jQuery的就地編輯。 這個庫允許你在你網頁上建立可編輯元素。 它同時包括彈出和內嵌模式。 它是bootstrap可編輯外掛的新方式,大力地重構和完善過。 它支援像文字,區域文字,選擇,日期,日期ui和清單的輸入型別。 它支援客戶端和伺服器端驗證。容器位置是完全可定製的。 使用者可以通過單擊,雙擊或手動切換。它工作於IE7+和所有的現代瀏覽器。
5. ColorPicker

一個時鐘分割的時間拾取器的Boostrap的jQuery外掛。同時支援桌面和移動裝置。也可以很好執行在觸屏裝置上。大部分瀏覽器都支援,包括IE9+。但是它應該在IE8上看起來和表現得足夠好。
6. Bootstrap FileStyle

Bootstrap Filestyle是一個基於jQuery元件庫,並且可以Twitter Bootstrap化的外掛,用來風格化表單的檔案欄位。這個外掛以一個有趣的方式來展示傳送的檔案,以如此的有吸引力的一種形式,簡單而高效。
7. Bootstrap Progressbar

Bootstrap Progressbar 是一個擴充套件了基本的Twitter的引導進度條的jQuery外掛。它提供了已經存在的CSS過渡混合JavaScript動畫進度條的能力。 此外,您可以在進度條上顯示當前進度資訊,或者通過回撥函式獲取值。
8. Bootstrap Star Rating

一個簡單但強大的jQuery的星星投票的Bootstrap 外掛,它支援高階的功能,像小數星星填充和支援RTL輸入。主要是通過利用純CSS-3的風格來呈現控制元件進行開發。該外掛使用Bootstrap標記和預設風格,但它可以用其它任意CSS標記覆蓋。
9. Bootstrap Growl

非常簡單的jQuery外掛,可以讓標準的Bootstrap 提示變成進入懸停時“咆哮般”提示。 它具有許多的功能,比如它使用標準的Twitter Bootstrap 提示,包括'info','error',和'success'的風格,還支援連續多個咆哮般呼叫,層疊在一個列表。
10. jQuery Pagination Plugin

這個jQuery外掛可以簡化Bootstrap分頁的使用。它使用相應的類:.pagination(更改這個),.active 和 .disabled.
11. Bootstrap Tabcordion

一個簡單的jQuery外掛,它把一組Bootstrap 的選項卡成Bootstrap 風琴摺疊。它可以配置執行容器或視窗的大小轉變,來提供響應式的很讚的時髦的富UI。
12. Bootstrap ColorPicker Sliders

Bootstrap 3優化的高階響應式的顏色選擇器,使用色樣並支援人類感知的亮度。適用於所有的現代瀏覽器和觸屏裝置。
13. Bootstrap Tour

Twitter Bootstrap Popovers通過快速簡便的方法來建立你們的產品教程。 此庫不依賴於完整的Bootstrap 程式包。 唯一的依賴是tooltip 和popover  檔案。Bootstrap Tour 儲存了當前步驟,如果使用者已經讀完,不會再次顯示教程。
14. Bootstrap Markdown

Simple Markdown作為編輯工具執行。Bootstrap-Markdown的設計可以很容易地整合到你的bootstrap 專案。 它對外暴露了有用的API,可讓您完全沉浸於該外掛。
15. Bootstrap Lightbox

一個基於bootstrap模態外掛的燈箱外掛 。
16. Bootpag

bootpag是一個動態分頁jQuery外掛。與Twitter Boostrap或任何其他的html頁面都好使。
17. Summernote

Summernote是一個建立在jQuery和Bootstrap之上的簡單,簡潔和靈活的所見即所得編輯器。同時支援Bootstrap的2個活躍版本(2和3),併為所有主要操作配備鍵盤快捷鍵。功能強大的API,提供了大量的自定義設計的選項(寬,高,活躍項......)和功能。
18. Date Range Picker Plugin

這個Twitter Bootstrap 的日期範圍選擇器外掛建立一個下拉選單,使用者可以從中選擇一個日期範圍。用來建立改進的報表UI。如果呼叫時不帶任何選項,它將會出現兩個日曆,用來選擇開始和結束日期。或者你可以提供日期範圍列表,使用者可以從中選擇而不是從日曆中選擇日期。
19. Bootstrap Image Gallery

Bootstrap Image Gallery 是blueimp Gallery 的擴充套件, 一個支援觸屏,響應式和可定製的圖片和圖片庫。它用來顯示顯示的影象和視訊,使用了Bootstrap框架的模態對話方塊,支援滑動功能,滑鼠和鍵盤導航,過渡效果,全屏支援和按需載入內容 , 並且可以擴充套件到顯示額外內容型別。
20. jQDrawBootstrapGrid

一個簡單的jQuery外掛,用作Twitter bootstrap佈局的畫網格列。在非流動佈局情況下(container-fluid, row fluid)也好使。.
本文轉載自:OSCHINA
評論(1)

相關文章