From cb38d08ed4f8d11ddfd0ebb1093c7a3857a7863c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Jan 2012 14:33:03 -0800 Subject: [PATCH] updated js docs page to use grid of plugins instead of table --- docs/javascript.html | 146 ++++++++++++++++++++----------------------- 1 file changed, 67 insertions(+), 79 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index 864e6784b9..256c366662 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -50,89 +50,77 @@ ================================================== -->

Javascript for Bootstrap

-

Bring Bootstrap's components to life — now with 12 custom jQuery plugins. +

Bring Bootstrap's components to life—now with 12 custom jQuery plugins.

- -
-
-

Using javascript with Bootstrap An index of plugins to get you started

-
-
-
-

Getting started

-

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!

-
-
-

What's included

-

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.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FileDescription
bootstrap-transition.jsThe 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.jsOur 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.jsThis plugin is for adding generic dropdown interactions to things like navigation top bars and tabs.
bootstrap-scrollspy.jsThe ScrollSpy plugin is for automatically updating nav targets based on scroll position.
bootstrap-tab.jsThis plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
bootstrap-twipsy.jsInspired 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.jsThe 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.jsThe alert plugin is a tiny class for adding close functionality to alerts.
bootstrap-button.jsThis plugin offers additional functionality for managing button state in single buttons and button sets.
bootstrap-collapse.jsThe collapse plugin offers simple, generic collapsible element support for making accordions and other collapsible ui components.
bootstrap-carousel.jsA plugin for rotating through elements. A merry-go-round.
bootstrap-typeahead.jsA basic, easily extended plugin for quickly creating elegant typeaheads.
-

Is javascript necessary?

-

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.

-
-
-
+ + +
+
+

jQuery plugins A dozen Bootstrap plugins to get you started

+
+
+
+

Transitions *

+

For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alert messages.

+

* Required for animation in plugins

+
+
+

Modals

+

A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

+
+
+

Dropdowns

+

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.

+
+
+

Scrollspy

+

Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.

+
+
+
+
+

Togglable tabs

+

Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.

+
+
+

Twipsy tooltips

+

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.

+
+
+

Popovers *

+

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

+

* Requires Twipsy to be included

+
+
+

Alert messages

+

The alert plugin is a tiny class for adding close functionality to alerts.

+
+
+
+
+

Buttons

+

Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

+
+
+

Collapse

+

Get base styles and flexible support for collapsible components like accordions and navigation.

+
+
+

Carousel

+

Create a merry-go-round of any content you wish to provide an interactive slideshow of content.

+
+
+

Typeahead

+

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.

+