Best jQuery Bootstrap Plugins & Tutorials with Demo

jQuery Interactive Shopping Cart

jQuery Interactive Shopping Cart

This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

Features:

  • Very easy to install!
  • Full AJAX implementation code.
  • Well documented code.
  • HTML5 & Valid CSS .
  • Cross-platform.
  • Easy to customize.

SelectBoxIt : jQuery Stylish & Animated Select Box Plugin

SelectBoxIt : jQuery Stylish & Animated Select Box Plugin

A jQuery plugin that progressively enhances an HTML Select Box into a single option dropdown list. The dropdown list can be optionally styled with Twitter Bootstrap or jQueryUI ThemeRoller and optionally animated with jQueryUI show/hide effects.

Features:

  • Styleable with Twitter Bootstrap and jQueryUI Themeroller (optional)
  • Supports all jQuery and jQueryUI show/hide effects (optional)
  • Includes ARIA (Accessible Rich Internet Applications) support
  • Full keyboard search and navigation support
  • An event API triggered on the original select box element that calls the plugin
  • A method API providing methods to interact with the dropdown list (i.e. Search, Open, Disable, Set Options).
  • Passes jsHint with no errors
  • Selected, Disabled, and Optgroup Support
  • Easily extendable to allow developers to create new widgets

jQuery Mobile Twitter Bootstrap Theme

jQuery Mobile Twitter Bootstrap Theme

A jQuery Mobile theme based on Twitter Bootstrap.

The title says it all. I thought it would be a fun project to build out a jQuery Mobile theme emulating everyone’s favorite hotness, the Twitter Bootstrap UI library. It’s not a perfect translation of course, but consider it a work in progress.

This theme overrides the existing jQuery Mobile A – E swatches (and adds an F swatch as well) with colors and styles found in Twitter Bootstrap. It’s meant to be used with A as the primary swatch for the page, and B – F as accents as needed.

jqBootstrapValidation : jQuery validation plugin for bootstrap forms

jqBootstrapValidation : jQuery validation plugin for bootstrap forms

A JQuery validation framework for bootstrap forms.jqBootstrapValidation will scan for HTML5 validator attributes directly on the elements, plus any extra options specified via data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above.

If you decide this isn’t what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.

tablecloth.js : jQuery bootstrap to Style & Manipulate data tables

tablecloth.js : jQuery bootstrap to Style & Manipulate data tables

tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.Either you’re redesigning a large site or working on a completely new one… styling tables is typically tedious and time-consuming. If you’d rather spend your valuable time making the other elements of your site pretty, use tablecloth to do the heavy lifting

Bootstrap jQuery Image Gallery

Bootstrap jQuery Image Gallery

Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

Bootbox.js – alert, confirm and flexible dialogs for twitter’s bootstrap framework

jquery alert, confirm and flexible dialogs for twitter's bootstrap framework

I’ve been using twitter’s bootstrap framework for a number of site builds recently, mainly because it gets me from black-and-white markup to vaguely-presentable websites in a very small amount of time. Version 1.3 introduced some JavaScript plugins to complement the array of stylistic elements it already provided – notably code to invoke dialog boxes, or modals…