Bring Bootstrap's components to life — now with 12 custom jQuery plugins. +
Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
Integrating javascript with the Bootstrap library is super easy. Here we go over the basics and provide you with some awesome plugins to get you started!
-Bring some of Bootstrap's primary components to life with custom jQuery plugins. We encourage you to extend and modify them to fit your specific development needs.
-| File | -Description | -
|---|---|
| bootstrap-transition.js | -The transition plugin is required for adding animation to other bootstrap plugins. Include this plugin (only once) when sliding in modals or fading out alerts. | -
| bootstrap-modal.js | -Our Modal plugin is a super slim take on the traditional modal js plugin! We took special care to include only the bare functionality that we require here at twitter. | -
| bootstrap-dropdown.js | -This plugin is for adding generic dropdown interactions to things like navigation top bars and tabs. | -
| bootstrap-scrollspy.js | -The ScrollSpy plugin is for automatically updating nav targets based on scroll position. | -
| bootstrap-tab.js | -This plugin adds quick, dynamic tab and pill functionality for transitioning through local content. | -
| bootstrap-twipsy.js | -Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, data-attributes for local title storage, and now jquery 1.7's new event api! | -
| bootstrap-popover.js | -The popover plugin provides a simple interface for adding popovers to your application. It extends the bootstrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project! | -
| bootstrap-alert.js | -The alert plugin is a tiny class for adding close functionality to alerts. | -
| bootstrap-button.js | -This plugin offers additional functionality for managing button state in single buttons and button sets. | -
| bootstrap-collapse.js | -The collapse plugin offers simple, generic collapsible element support for making accordions and other collapsible ui components. | -
| bootstrap-carousel.js | -A plugin for rotating through elements. A merry-go-round. | -
| bootstrap-typeahead.js | -A basic, easily extended plugin for quickly creating elegant typeaheads. | -
Nope! Bootstrap is designed first and foremost to be a CSS library. This javascript provides a basic interactive layer on top of the included styles.
-However, for those who do need javascript, we've provided the plugins above to help you understand how to integrate Bootstrap with javascript and to give you a quick, lightweight option for the basic functionality right away.
-For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alert messages.
+* Required for animation in plugins
+A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
+Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.
+Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.
+Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.
+A new take on the jQuery Tipsy plugin, Twipsy uses CSS3 animations, data attributes for titles, and the new event API in jQuery 1.7.
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+* Requires Twipsy to be included
+The alert plugin is a tiny class for adding close functionality to alerts.
+Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
+Get base styles and flexible support for collapsible components like accordions and navigation.
+Create a merry-go-round of any content you wish to provide an interactive slideshow of content.
+A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
+Note: All plugins require the latest version of jQuery to be included.
+