20 款最棒的 jQuery Bootstrap 插件
推ter Bootstrap 是最流行的前端框架之一,作為開發者用作建立有效和有用的Web應用的手段,它可被看作是網絡發展的中堅力量。它功能很豐富:使用12列響應網格,眾多組件,JavaScript插件,排版,表格控件,甚至可以基于網頁來定制自己的Bootstrap 。
在本文中,我們收集了給開發者的20個最佳的 jQuery的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 支持推ter Bootstrap,jQuery UI的或純jQuery的就地編輯。 這個庫允許你在你網頁上創建可編輯元素。 它同時包括彈出和內嵌模式。 它是bootstrap可編輯插件的新方式,大力地重構和完善過。 它支持像文字,區域文本,選擇,日期,日期ui和清單的輸入類型。 它支持客戶端和服務器端驗證。容器位置是完全可定制的。 用戶可以通過單擊,雙擊或手動切換。它工作于IE7+和所有的現代瀏覽器。
5. ColorPicker
一個時鐘分割的時間拾取器的Boostrap的jQuery插件。同時支持桌面和移動設備。也可以很好運行在觸屏設備上。大部分瀏覽器都支持,包括IE9+。但是它應該在IE8上看起來和表現得足夠好。
6. Bootstrap FileStyle
Bootstrap Filestyle是一個基于jQuery組件庫,并且可以推ter Bootstrap化的插件,用來風格化表單的文件字段。這個插件以一個有趣的方式來展示發送的文件,以如此的有吸引力的一種形式,簡單而高效。
7. Bootstrap Progressbar
Bootstrap Progressbar 是一個擴展了基本的推ter的引導進度條的jQuery插件。它提供了已經存在的CSS過渡混合JavaScript動畫進度條的能力。 此外,您可以在進度條上顯示當前進度信息,或者通過回調函數獲取值。
8. Bootstrap Star Rating
一個簡單但強大的jQuery的星星投票的Bootstrap 插件,它支持高級的功能,像小數星星填充和支持RTL輸入。主要是通過利用純CSS-3的風格來呈現控件進行開發。該插件使用Bootstrap標記和默認風格,但它可以用其它任意CSS標記覆蓋。
9. Bootstrap Growl
非常簡單的jQuery插件,可以讓標準的Bootstrap 提示變成進入懸停時“咆哮般”提示。 它具有許多的功能,比如它使用標準的推ter 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
推ter Bootstrap Popovers通過快速簡便的方法來建立你們的產品教程。 此庫不依賴于完整的Bootstrap 程序包。 唯一的依賴是tooltip 和popover 文件。Bootstrap Tour 保存了當前步驟,如果用戶已經讀完,不會再次顯示教程。
14. Bootstrap Markdown
Simple Markdown作為編輯工具運行。Bootstrap-Markdown的設計可以很容易地集成到你的bootstrap 項目。 它對外暴露了有用的API,可讓您完全沉浸于該插件。
15. Bootstrap Lightbox
16. Bootpag
bootpag是一個動態分頁jQuery插件。與推ter Boostrap或任何其他的html頁面都好使。
17. Summernote
Summernote是一個建立在jQuery和Bootstrap之上的簡單,簡潔和靈活的所見即所得編輯器。同時支持Bootstrap的2個活躍版 本(2和3),并為所有主要操作配備鍵盤快捷鍵。功能強大的API,提供了大量的自定義設計的選項(寬,高,活躍項......)和功能。
18. Date Range Picker Plugin
這個推ter Bootstrap 的日期范圍選擇器插件創建一個下拉菜單,用戶可以從中選擇一個日期范圍。用來創建改進的報表UI。如果調用時不帶任何選項,它將會出現兩個日歷,用來選擇 開始和結束日期。或者你可以提供日期范圍列表,用戶可以從中選擇而不是從日歷中選擇日期。
19. Bootstrap Image Gallery
Bootstrap Image Gallery 是blueimp Gallery 的擴展, 一個支持觸屏,響應式和可定制的圖片和圖片庫。它用來顯示顯示的圖像和視頻,使用了Bootstrap框架的模態對話框,支持滑動功能,鼠標和鍵盤導航, 過渡效果,全屏支持和按需加載內容 , 并且可以擴展到顯示額外內容類型。
20. jQDrawBootstrapGrid
一個簡單的jQuery插件,用作推ter bootstrap布局的畫網格列。在非流動布局情況下(container-fluid, row fluid)也好使。.
本文地址:http://www.oschina.net/translate/20-best-jquery-bootstrap-plugins-for-developers
原文地址:http://codegeekz.com/20-best-jquery-bootstrap-plugins-for-developers/