Best jQuery Bootstrap Plugins & Tutorials with Demo

directoryTree.js : jQuery Display filepaths Plugin

directoryTree.js : jQuery Display filepaths Plugin

jQuery Plugin for displaying an array of filepaths as a browsable, hierarchical directory (tree) structure. Plays nice with Bootstrap 3.

Responsive Facebook Style Timeline Design With Bootstrap

Responsive Facebook Style Timeline Design With Bootstrap

In this tutorial we are going to implement this Responsive Facebook style timeline design with Twitter Bootstrap. I am going to explain step by step implementation of this Responsive Timeline Design, so just follow the each steps carefully.

jQuery Confirm Dialogs with Bootstrap

jQuery Confirm Dialogs with Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap.

iTunes search using jQuery & Bootstrap

iTunes search using jQuery & Bootstrap

iTunes API search using jQuery,  jPlayer and Bootstrap.Simple search interface experiment using Bootstrap responsive techniques.

Allows user to input a search term which is executed against the public iTunes Store API.

jQuery Wheelizate Tabs

jQuery Wheelizate Tabs

Wheelizate Tabs is an alternative way of tabbed navigation. It’s an animated tab components based on Bootstrap tab system.

Features:

  • 4 wheelizated tabs in 4 possible position
  • 6 color schemes with 6 themes (less files included)
  • Responsive
  • Bootstrap ready
  • Works with any type of content
  • 266 SVG icons
  • It works on all major desktop and mobile browser

Labelholder : jQuery Placeholder Plugin as labels for Bootstrap

Labelholder : jQuery Placeholder Plugin as labels for Bootstrap

This jQuery plugin allows you to use placeholders as labels in your Bootstrap forms.

  • It fully supports Bootstrap ~> 3.0
  • No markup changes required if used with Bootstrap
  • It uses :before pseudo-element instead of adding its own element for label
  • It does not change element’s height causing the whole page content to go a bit down
  • And it does not require you to use non-equal paddings

 

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter is a control for jPList, an open source library for sorting, filtering and pagination. It allows filtering of any HTML structure (DIVs, UL/LI, Tables etc.) by the given jQuery path and uses a standard Bootstrap dropdown component for layout.

Features:

  • Filter any HTML structure by jQuery path
  • Supports local storage and cookies
  • Supports deep links
  • Fully customizable styles

GGtooltip.js : A jQuery Tooltip plugin

GGtooltip.js : A jQuery Tooltip plugin

It’s a simple jQuery tooltip plugin extended from Twitter Bootstrap’s tooltip plugin that supports 4 positions, background color, font color and border color without using images.

Features:

  • 4 Positions: top, right, bottom and left.
  • Unlimited background colors.
  • Unlimited font colors.
  • Different border color combinations based on background colors.
  • Supports different types of tooltip triggers such as click, hover, focus and manual.
  • Powered by HTML5, CSS3 and jQuery.

jQuery Bootstrap Popover Picker

jQuery Bootstrap Popover Picker

Generic jQuery plugin template for building pickers using Bootstrap popovers, fully customizable with a powerful base API, including jQuery.UI position plugin.

Terms Tree Grid using jQuery

Terms Tree Grid using jQuery

A grid to display data in tree structure by using angular, bootstrap.