50+ 个超级实用的 推ter Bootstrap 插件

jopen 10年前

Lightbox & Image Gallery plugin for Bootstrap

 

1. Bootstrap Lightbox

 推ter Bootstrap Plugins

This is a beautiful 推ter Bootstrap lightbox plugin. You can use it into your bootstrap project to show photo in a lightbox. You just need to add the required HTML to the page and you get a beautiful and responsive lightbox.

MORE INFO / DOWNLOAD DEMO

2. Bootstrap 3 Lightbox

 推ter Bootstrap Plugins

It’s a beautiful 推ter Bootstrap 3 lightbox / modal plugin that supports images, 油Tube videos, and galleries.

MORE INFO / DOWNLOAD DEMO

3. Bootstrap Image Gallery

Bootstrap Image Gallery

Bootstrap Image Gallery is a touch-enabled, responsive solution for bootstrap. It displays images and videos in the modal dialog of the Bootstrap framework, features swipe, mouse and keyboard navigation, transition effects, full screen support and on-demand content loading and can be extended to display additional content types.

MORE INFO / DOWNLOAD DEMO

4. Lightbox2

 推ter Bootstrap Plugins

It’s an original lightbox plguin developed by by Lokesh Dhakar. There was an issue if you use 推ter Bootstrap CSS Framework and add lightbox2, all pictures are displayed very height. It’s because of bootstrap.css has a rule for img with max-width: 100%. This issue is fixed in the release, 2.7.0 and now it’s working awesome with 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

5. Lightbox for Bootstrap

推ter Bootstrap Plugin

Lightbox for Bootstrap is an awesome lightbox plugin with minimal markup. It’s very easy to implement with the bootstrap framework without any extra markup, buggy css and javascript.

MORE INFO / DOWNLOAD DEMO

Dialog Boxes & Alerts for Bootstrap

6. Bootbox.js

推ter Bootstrap Plugin

Bootbox.js is an awesome JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

MORE INFO / DOWNLOAD  DEMO

7. Bootstrap-Modal

推ter Bootstrap Plugin

This is a Bootstrap’s native modals to provide additional functionality. It introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events. The ModalManager is created by default on body and can be accessed through the jQuery plugin interface.

MORE INFO / DOWNLOAD DEMO

8. Bootstrap Confirmation

推ter Bootstrap Plugin

It’s simple popovers jQuery plugin for 推ter Bootstrap. You can use these Bootstrap Popovers as confirmation dialogs.

MORE INFO / DOWNLOAD DEMO

9. Bootstrap Prompts

推ter Bootstrap Plugin

Bootstrap-Prompts is an implementation to replace the alert(), prompt(),confirm() notifications on the browser when using 推ter Bootstrap with Modal information.

MORE INFO / DOWNLOAD DEMO

10. Bootstrap-notify

推ter Bootstrap Plugin

Bootstrap Notify is a user-friendly extension to bootstrap notifications that leverages the default alert script from bootstrap.

MORE INFO / DOWNLOAD DEMO

11. Bootstrap Growl

推ter Bootstrap Plugin

Bootstrap Growl is a pretty jQuery plugin which turns standard Bootstrap’s alerts into pretty Growl-like alerts. It uses standard 推ter Bootstrap alerts which provides ‘info’, ‘danger’, and ‘success’ styles. The plugin automatically fades growls away after a default of 4 seconds.

MORE INFO / DOWNLOAD DEMO

12. AlertifyJS

推ter Bootstrap Plugin

AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications using 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

13. jQuery Bootstrap Alerts

推ter Bootstrap Plugin

A jQuery plugin for displaying Bootstrap alerts via jQuery events. It binds automatically with html attributes.

MORE INFO / DOWNLOAD DEMO

Forms plugin for Bootstrap

14. Bootstrap3-wysiwyg

推ter Bootstrap Plugin

Bootstrap3-wysiwyg is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

15. Bootstrap Form Helpers

推ter Bootstrap Plugin

Bootstrap Form Helpers is a collection of jQuery plugins to help you build better forms. It comes with 15 custom jQuery plugins and can be use individually for date and time pickers, font lists, timezone, language and country fields. Some of them also work together like Countries and States.

MORE INFO / DOWNLOAD DEMO

16. jqBootstapValidation

推ter Bootstrap Plugin

jqBootstrapValidation is a very useful plugin that makes it easy to validate your Bootstrap forms. It is easy to include into your project and all the validation rules are described as data attributes on the input elements.

MORE INFO / DOWNLOAD DEMO

17. Bootstrap Tag Autocomplete

推ter Bootstrap Plugin

A bootstrap plugin to autocomplete tags for content editable div elements. It works in the same way tagging people on 非死book, 推ter or Sandglaz works.

MORE INFO / DOWNLOAD DEMO

18. jQuery File Upload Plugin

推ter Bootstrap Plugin

jQuery File Upload is a featured powerful file uploading plugin. The plugin support multiple file selection, drag and drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. The plugin needs Bootstrap v. 3.2.0+ to work with Bootstrap.

MORE INFO / DOWNLOAD DEMO

19. Bootstrap Multi-Suggest Typeahead

推ter Bootstrap Plugin

Bootstrap Multi-Suggest Typeahead is a user suggestion autocomplete and dropdown widget.

MORE INFO / DOWNLOAD DEMO

20. Bootstrap Multiselect

推ter Bootstrap Plugin

Bootstrap Multiselect is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown w dropdown menu containing the single options as checkboxes.

MORE INFO / DOWNLOAD DEMO

21. Bootstrap Select

推ter Bootstrap Plugin

Bootstrap Select provides a custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.

MORE INFO / DOWNLOAD DEMO

22. Bootstrap Switch

推ter Bootstrap Plugin

Bootstrap Switch is amazing Bootstrap plugin that gives you iOS-like switch control. The plugin provides perfect implementation that fits well into the Bootstrap design. The plugin is also very customizable to change the size of the control and the colors by assigning class names to the element. Similar switch plugins are angular-bootstrap-switch and Toggle Switches.

MORE INFO / DOWNLOAD DEMO

23. Bootstrap Tags

推ter Bootstrap Plugin

Bootstrap Tags is a nice jQuery plugin to enhance your search boxes by adding tagging functionality. The plugin support for Bootstrap 2.3.2 and 3+ with features like autosuggest, ilters, placeholders, popovers and Exclusions.

MORE INFO / DOWNLOAD DEMO

Date / Time and Range pickers for Bootstrap

24. Date Range Picker for Bootstrap

推ter Bootstrap Plugin

Daterangepicker is a plugin for Bootstrap that creates a dropdown menu from which a user can select a range of dates. If invoked with no options, it will present two calendars to choose a start and end date from. Optionally, you can provide a list of date ranges the user can select from instead of choosing dates from the calendars. If attached to a text input, the selected dates will be inserted into the text box. Otherwise, you can provide a custom callback function to receive the selection.

MORE INFO / DOWNLOAD DEMO

25. Bootstrap Date Paginator

推ter Bootstrap Plugin

A jQuery plugin which takes 推ter Bootstrap’s already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application.

MORE INFO / DOWNLOAD DEMO

26. Bootstrap 3 Date/Time Picker

推ter Bootstrap Plugin

A much improved and updated datetimepicker for bootstrap 3. Uses moment.js for formatting and parsing. Lots of support for locales.

MORE INFO / DOWNLOAD DEMO

27. Bootstrap Timepicker

推ter Bootstrap Plugin

A very cool widget to easily select a time for a text input using your mouse or arrow keys.

MORE INFO / DOWNLOAD DEMO

28. Clockface

推ter Bootstrap Plugin

Clockface timepicker for 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

29. Bootstrap 3.0 Icon Picker

推ter Bootstrap Plugin

Nice Icon picker for Bootstrap 3 like a datepicker.

MORE INFO / DOWNLOAD DEMO

30. Slider for Bootstrap

推ter Bootstrap Plugin

This is beautiful Bootstrap slider component with different options like vertical or horizontal orientation, minimum and maxim values, step incrementor, range selector, 3 shapes for handles and touch capabale.

MORE INFO / DOWNLOAD DEMO

31. BIC Calendar

推ter Bootstrap Plugin

A simple 推ter bootstrap calendar / agenda / date picker to mark events.

MORE INFO / DOWNLOAD DEMO

Color Pickers for Bootstrap

32. Pick-a-Color

推ter Bootstrap Plugin

Pick-a-Color is an easy-to-use jQuery color picker for 推ter Bootstrap. The interface is based on 推ter Bootstrap styles so it looks lovely with the styles of almost any site.

MORE INFO / DOWNLOAD DEMO

33. Bootstrap Colorpicker

推ter Bootstrap Plugin

Colorpicker for Bootstrap is a beautiful color picker that lets you choose the main color and specific hues.

MORE INFO / DOWNLOAD DEMO

34. Bootstrap-colorpalette

推ter Bootstrap Plugin

Color Palette is a Bootstrap plugin that displays a grid of color when a text field is focused. The plugin is easy to integrate with your bootstrap project.

MORE INFO / DOWNLOAD DEMO

Some Useful Plugins for Bootstrap

35. LabelinPlace

推ter Bootstrap Plugin

A simple fully customizable form enhancement plugin for in-field label support.

MORE INFO / DOWNLOAD DEMO

36. Flippant

推ter Bootstrap Plugin

Flippant is easily customized Bootstrap extention for flipping over DOM nodes.

MORE INFO / DOWNLOAD DEMO

37. Leapstrap

推ter Bootstrap Plugin

Leapstrap – Leap Motion HTML5 CSS web frontend framework. Based on Bootstrap.

MORE INFO / DOWNLOAD DEMO

38. Bootstrap-star-rating

推ter Bootstrap Plugin

A simple yet powerful JQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support. Developed with a focus on utlizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup.

MORE INFO / DOWNLOAD DEMO

39. Bootstrap Tree View

 推ter Bootstrap Plugins

A simple and elegant solution to displaying hierarchical tree structures while levering the best that 推ter Bootstrap has to offer.

MORE INFO / DOWNLOAD DEMO

40. rPage

 推ter Bootstrap Plugins

rPage is an easy to use plugin for making Bootstrap 3’s pagination more responsive. rPage automatically shrinks the pagination component and removes some of its elements when there isn’t enough room.

MORE INFO / DOWNLOAD DEMO

41. Bootstrap File Input

 推ter Bootstrap Plugins

An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more.

MORE INFO / DOWNLOAD DEMO

42. Strength-meter

 推ter Bootstrap Plugins

A dynamic strength meter for password input validation with various configurable options.

MORE INFO / DOWNLOAD DEMO

43. Bootstrap Table

 推ter Bootstrap Plugins

An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.

MORE INFO / DOWNLOAD DEMO

44. Bootstrap-sidebar

 推ter Bootstrap Plugins

A responsive sidebar plugin for bootstrap 3. if your menus are too big to fit into a horizontal menubar, or you need to have a responsive sidebar that is compatible with bootstrap, then this is the plugin for you.

MORE INFO / DOWNLOAD DEMO

45. Tokenfield for Bootstrap

 推ter Bootstrap Plugins

Advanced tagging/tokenizing plugin for jQuery and 推ter Bootstrap with a focus on keyboard and copy-paste support.

MORE INFO / DOWNLOAD DEMO

46. GTreeTable 2

 推ter Bootstrap Plugins

GTreeTable is extension of Tweeter Bootstrap 3 framework, which allows to use tree structure inside HTML table.

MORE INFO / DOWNLOAD DEMO

47. Tinymce-skin-bootstrap

 推ter Bootstrap Plugins

A template for tinyMCE 3 based on 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

48. Social Buttons for Bootstrap

 推ter Bootstrap Plugins

Social Buttons made in pure CSS based on Bootstrap and Font Awesome!

MORE INFO / DOWNLOAD DEMO

49. Overlay-Bootstrap

 推ter Bootstrap Plugins

Just a simple extension who add a new functionality to Bootstrap which consist to display an overlay over the Bootstrap’s panel body with cool animation. No need to add new rules in a css’s files, you only have to add a new class on your div. You can also add a cool caption on your images.

MORE INFO / DOWNLOAD DEMO

50. X-editable – Inplace editing

 推ter Bootstrap Plugins

Fantastic 推ter Bootstrap plugin for inline / in-place editing.

MORE INFO / DOWNLOAD DEMO

 

51. Bootstrap Calendar

Bootstrap Calendar

Full view calendar with year, month, week and day views based on templates with 推ter Bootstrap.

MORE INFO / DOWNLOAD DEMO

52. Bootstrap Combobox

Bootstrap Combobox

Nice combobox plugin that works with 推ter bootstrap 2 & 3.

MORE INFO / DOWNLOAD DEMO