50+ 个超级实用的 推ter Bootstrap 插件
Lightbox & Image Gallery plugin for Bootstrap
1. Bootstrap Lightbox
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.
2. Bootstrap 3 Lightbox
It’s a beautiful 推ter Bootstrap 3 lightbox / modal plugin that supports images, 油Tube videos, and galleries.
3. 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.
4. Lightbox2
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.
5. Lightbox for Bootstrap
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.
Dialog Boxes & Alerts for Bootstrap
6. Bootbox.js
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.
7. Bootstrap-Modal
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.
8. Bootstrap Confirmation
It’s simple popovers jQuery plugin for 推ter Bootstrap. You can use these Bootstrap Popovers as confirmation dialogs.
9. Bootstrap Prompts
Bootstrap-Prompts is an implementation to replace the alert()
, prompt()
,confirm()
notifications on the browser when using 推ter Bootstrap with Modal information.
10. Bootstrap-notify
Bootstrap Notify is a user-friendly extension to bootstrap notifications that leverages the default alert script from bootstrap.
11. Bootstrap Growl
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.
12. AlertifyJS
AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications using 推ter Bootstrap.
13. jQuery Bootstrap Alerts
A jQuery plugin for displaying Bootstrap alerts via jQuery events. It binds automatically with html attributes.
Forms plugin for Bootstrap
14. Bootstrap3-wysiwyg
Bootstrap3-wysiwyg is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and 推ter Bootstrap.
15. Bootstrap Form Helpers
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.
16. jqBootstapValidation
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.
17. Bootstrap Tag Autocomplete
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.
18. jQuery File Upload 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.
19. Bootstrap Multi-Suggest Typeahead
Bootstrap Multi-Suggest Typeahead is a user suggestion autocomplete and dropdown widget.
20. Bootstrap Multiselect
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.
21. Bootstrap Select
Bootstrap Select provides a custom select / multiselect for Bootstrap using button dropdown, designed to behave like regular Bootstrap selects.
22. Bootstrap Switch
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.
23. Bootstrap Tags
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.
Date / Time and Range pickers for Bootstrap
24. Date Range Picker for Bootstrap
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.
25. Bootstrap Date Paginator
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.
26. Bootstrap 3 Date/Time Picker
A much improved and updated datetimepicker for bootstrap 3. Uses moment.js for formatting and parsing. Lots of support for locales.
27. Bootstrap Timepicker
A very cool widget to easily select a time for a text input using your mouse or arrow keys.
28. Clockface
Clockface timepicker for 推ter Bootstrap.
29. Bootstrap 3.0 Icon Picker
Nice Icon picker for Bootstrap 3 like a datepicker.
30. Slider for Bootstrap
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.
31. BIC Calendar
A simple 推ter bootstrap calendar / agenda / date picker to mark events.
Color Pickers for Bootstrap
32. Pick-a-Color
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.
33. Bootstrap Colorpicker
Colorpicker for Bootstrap is a beautiful color picker that lets you choose the main color and specific hues.
34. Bootstrap-colorpalette
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.
Some Useful Plugins for Bootstrap
35. LabelinPlace
A simple fully customizable form enhancement plugin for in-field label support.
36. Flippant
Flippant is easily customized Bootstrap extention for flipping over DOM nodes.
37. Leapstrap
Leapstrap – Leap Motion HTML5 CSS web frontend framework. Based on Bootstrap.
38. Bootstrap-star-rating
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.
39. Bootstrap Tree View
A simple and elegant solution to displaying hierarchical tree structures while levering the best that 推ter Bootstrap has to offer.
40. rPage
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.
41. Bootstrap File Input
An enhanced HTML 5 file input for Bootstrap 3.x with file preview for various files, offers multiple selection, and more.
42. Strength-meter
A dynamic strength meter for password input validation with various configurable options.
43. Bootstrap Table
An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
44. Bootstrap-sidebar
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.
45. Tokenfield for Bootstrap
Advanced tagging/tokenizing plugin for jQuery and 推ter Bootstrap with a focus on keyboard and copy-paste support.
46. GTreeTable 2
GTreeTable is extension of Tweeter Bootstrap 3 framework, which allows to use tree structure inside HTML table.
47. Tinymce-skin-bootstrap
A template for tinyMCE 3 based on 推ter Bootstrap.
48. Social Buttons for Bootstrap
Social Buttons made in pure CSS based on Bootstrap and Font Awesome!
49. Overlay-Bootstrap
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.
50. X-editable – Inplace editing
Fantastic 推ter Bootstrap plugin for inline / in-place editing.
51. Bootstrap Calendar
Full view calendar with year, month, week and day views based on templates with 推ter Bootstrap.
52. Bootstrap Combobox
Nice combobox plugin that works with 推ter bootstrap 2 & 3.