bootstrap-resources.html

---
layout: page
title: Bootstrap Resources
description: "A comprehensive list of Bootstrap 3 and related resources maintained by Start Bootstrap."
meta-title: "Bootstrap Resources and Plugins List"
meta-description: "Bootstrap resources page meta description goes here."
---


<div class="container">
	<div class="row">

		<div class="col-md-3">
			<div class="bs-docs-sidebar">
				<ul class="nav bs-docs-sidenav">
					<li>
						<a href="#official">Official Bootstrap Resources</a>
					</li>
					<li>
						<a href="#premium-themes">Premium Bootstrap Themes</a>
					</li>
					<li>
						<a href="#free-themes">Free Bootstrap Themes</a>
					</li>
					<li>
						<a href="#showcases">Bootstrap Showcases</a>
					</li>
					<li>
						<a href="#dev-tools">Bootstrap Development Tools</a>
					</li>
					<li>
						<a href="#ui">Bootstrap UI Extensions</a>
					</li>
					<li>
						<a href="#plugins">Bootstrap jQuery Plugins</a>
						<ul class="nav">
							<li>
								<a href="#plugins-form">Form Plugins</a>
							</li>
							<li>
								<a href="#plugins-table">Table Plugins</a>
							</li>
							<li>
								<a href="#plugins-menu">Menu &amp; Navigation Plugins</a>
							</li>
							<li>
								<a href="#plugins-notification">Notification Plugins</a>
							</li>
							<li>
								<a href="#plugins-modal">Modal Plugins</a>
							</li>
							<li>
								<a href="#plugins-other">Other Plugins</a>
							</li>
						</ul>
					</li>
				</ul>
				<a class="back-to-top" href="#top">Back to top</a>
				<a href="#submitResource" data-toggle="modal" class="btn btn-xs btn-primary" style="margin-left: 20px; margin-top: 10px;">Submit a Resource</a>
			</div>
		</div>

		<div class="col-lg-9 resources">

			<!-- Official Bootstrap Resources -->
			<h2 id="official" class="page-header">Official Bootstrap Resources:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap</td>
							<td>The most popular front-end framework for developing responsive, mobile first projects on the web.</td>
							<td><a href="http://getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Expo</td>
							<td>Beautiful and inspiring uses of Bootstrap, curated by @mdo.</td>
							<td><a href="http://expo.getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Blog</td>
							<td>The official bootstrap blog. Announcements, discussions, and more for Bootstrap.</td>
							<td><a href="http://blog.getbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Ratchet</td>
							<td>Build mobile apps with simple HTML, CSS, and JS components.</td>
							<td><a href="http://goratchet.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<!-- Premium Bootstrap Themes & Templates -->
			<h2 id="premium-themes" class="page-header">Premium Bootstrap Themes &amp; Templates:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>WrapBootstrap</td>
							<td>WrapBootstrap is a marketplace for premium themes and templates for Bootstrap. Buy and sell Bootstrap themes!</td>
							<td><a href="https://wrapbootstrap.com/?ref=StartBootstrap" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Designmodo</td>
							<td>Collection of premium Bootstrap themes, Templates and UI kits. Professional and pixel perfect UI frameworks for web designers and developers.<br><strong>Special Offer: Enter the code 'START' during checkout and receive 15% off of any Designomodo product, courtesy of Start Bootstrap!</strong></td>
							<td><a href="http://designmodo.com/shop/?u=787" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>ThemeForest</td>
							<td>A listing of over 750 premium Bootstrap templates and themes on ThemeForest that are compatible with Bootstrap 3.</td>
							<td><a href="http://themeforest.net/attributes/compatible-with/Bootstrap%203?category=site-templates&direction=desc&order_by=sales&utf8=%E2%9C%93?ref=IronSummitMedia" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Creative Market</td>
							<td>A collection of over 200 premium, hand picked Bootstrap templates and themes on Creative Market, a design content marketplace.</td>
							<td><a href="https://creativemarket.com/themes/bootstrap?u=StartBootstrap" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Gridgum</td>
							<td>Gridgum is a marketplace aimed solely at providing the best premium responsive themes and templates.</td>
							<td><a href="http://gridgum.com?affiliates=29" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>BootstrapBay</td>
							<td>BootstrapBay is a marketplace for Bootstrap themes &amp; templates.</td>
							<td><a href="https://bootstrapbay.com/?ref=StartBootstrap" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>PixelKit</td>
							<td>A group of premium Bootstrap UI kits along with a variety of other design elements.</td>
							<td><a href="http://pixelkit.com/amember/aff/go?r=60825&i=3" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Made</td>
							<td>A marketplace for high quality, premium Bootstrap themes.</td>
							<td><a href="https://bootstrapmade.com?ref=10" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Free Bootstrap Themes & Templates -->
			<h2 id="free-themes" class="page-header">Free Bootstrap Themes &amp; Templates:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Start Bootstrap</td>
							<td>Free HTML starter themes and templates for Bootstrap - up to date for Bootstrap 3! An even faster way to develop websites in Bootstrap!</td>
							<td><a href="http://startbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootswatch</td>
							<td>Free, easy to use theme skins for Bootstrap.</td>
							<td><a href="http://bootswatch.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Startup Framework (Demo Version)</td>
							<td>A free demo version of the popular <a href="http://designmodo.com/startup/?u=787">Startup Framework</a> by Designmodo.</td>
							<td><a href="http://designmodo.github.io/startup-demo/?u=787" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>PixelKit Free UI Kits</td>
							<td>A group of high quality, free UI kits for Bootstrap with a premium version available.</td>
							<td><a href="http://pixelkit.com/free-ui-kits/modern-touch/?r=60825" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Black Tie</td>
							<td>Free handsome Bootstrap themes.</td>
							<td><a href="http://www.blacktie.co/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Zero</td>
							<td>A free collection of Bootstrap templates maintained by Bootply.</td>
							<td><a href="http://bootstrapzero.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Taste</td>
							<td>A free collection of Bootstrap themes.</td>
							<td><a href="http://bootstraptaste.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>GetTemplate</td>
							<td>Responsive HTML5 and CSS3 templates for rapid web development.</td>
							<td><a href="http://www.gettemplate.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootplus</td>
							<td>A Google+ styled Bootstrap skin.</td>
							<td><a href="http://aozora.github.io/bootplus/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootplus</td>
							<td>A Facebook styled Bootstrap skin.</td>
							<td><a href="http://ckrack.github.io/fbootstrapp/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootmetro</td>
							<td>A Windows 8, metro styled Bootstrap skin.</td>
							<td><a href="http://aozora.github.io/bootmetro/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Flatstrap</td>
							<td>A flat Bootstrap skin.</td>
							<td><a href="http://flatstrap.org/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Cardeostrap</td>
							<td>A flat Bootstrap skin.</td>
							<td><a href="http://cardeostrap.cardeo.ca/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap Showcases -->
			<h2 id="showcases" class="page-header">Bootstrap Showcases:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Built With Bootstrap</td>
							<td>A showcase of sites and apps built with Bootstrap.</td>
							<td><a href="http://builtwithbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Love Bootstrap</td>
							<td>A showcase gallery of the world's best bootstrap sites</td>
							<td><a href="http://lovebootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap Development Tools -->
			<h2 id="dev-tools" class="page-header">Bootstrap Development Tools:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap CDN</td>
							<td>The recommended CDN for Bootstrap, Font Awesome, and Bootswatch.</td>
							<td><a href="http://www.bootstrapcdn.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootsnipp</td>
							<td>A large library of free code snippets and design elements for Bootstrap.</td>
							<td><a href="http://bootsnipp.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Jetstrap</td>
							<td>Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.</td>
							<td><a href="https://jetstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>TwitterBootstrapMVC</td>
							<td>Development for ASP.NET MVC with Bootstrap made simple.</td>
							<td><a href="https://www.twitterbootstrapmvc.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootply</td>
							<td>A Bootstrap code editor and builder - the Bootstrap playground.</td>
							<td><a href="http://www.bootply.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>UI Bootstrap</td>
							<td>Bootstrap components written in pure AngularJS by the AngularUI team.</td>
							<td><a href="http://angular-ui.github.io/bootstrap/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Kickstrap</td>
							<td>Kickstrap is a boilerplate of Bootstrap, JSPM, Angular.js and Roots that can copy itself into any directory you choose.</td>
							<td><a href="http://getkickstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap 3 for IE7</td>
							<td>Bootstrap 3 drops support for Internet Explorer 7, but you can add it back by simply adding this conditional CSS.</td>
							<td><a href="https://github.com/coliff/bootstrap-ie7" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Tablestrap</td>
							<td>A Bootstrap table generator.</td>
							<td><a href="http://tablestrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>BootstrapDocs</td>
							<td>A Bootstrap documentation archive.</td>
							<td><a href="http://bootstrapdocs.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>BootSwatchr</td>
							<td>A theme roller for Bootstrap 3.</td>
							<td><a href="http://bootswatchr.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Paintstrap</td>
							<td>Generate beautiful Bootstrap themes using the Adobe Kuler and COLOURlovers color scheme.</td>
							<td><a href="http://paintstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Lavish</td>
							<td>Generate your own Bootstrap color scheme from an image and customize to your taste.</td>
							<td><a href="http://www.lavishbootstrap.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>1pxdeep</td>
							<td>Flat(ish) Bootstrap 3 theme generator.</td>
							<td><a href="http://rriepe.github.io/1pxdeep/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Hexagon</td>
							<td>A CSS hexagon generator for Bootstrap 3.</td>
							<td><a href="http://db0company.github.io/css-hexagon/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap UI Extensions -->
			<h2 id="ui" class="page-header">Bootstrap UI Extensions:</h2>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Font Awesome</td>
							<td>The iconic font and CSS framework.</td>
							<td><a href="http://fontawesome.io/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Social Buttons for Bootstrap</td>
							<td>Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome!</td>
							<td><a href="http://lipis.github.io/bootstrap-social/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootsnipp Button Builder</td>
							<td>A button builder for Bootstrap 3.</td>
							<td><a href="http://bootsnipp.com/buttons" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootsnipp Form Builder</td>
							<td>A form builder for Bootstrap 3.</td>
							<td><a href="http://bootsnipp.com/forms?version=3" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Magic</td>
							<td>A visual theme builder for Bootstrap 3.</td>
							<td><a href="http://pikock.github.io/bootstrap-magic/app/index.html#!/editor" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<h2 id="plugins" class="page-header">Bootstrap jQuery Plugins</h2>

			<!-- Bootstrap/jQuery Form Plugins -->
			<h3 id="plugins-form">Form Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>jqBootstrapValidation</td>
							<td>A jQuery validation plugin for bootstrap forms.</td>
							<td><a href="http://reactiveraven.github.io/jqBootstrapValidation/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>BootstrapValidator</td>
							<td>BootstrapValidator is the best jQuery plugin to validate form fields, designed to use with Bootstrap 3. It's developed with love by @nghuuphuoc.</td>
							<td><a href="http://bootstrapvalidator.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Floating Labels</td>
							<td>UX friendly floating form labels for Bootstrap 3.</td>
							<td><a href="http://headdetect.github.io/bootstrap-floating-labels/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Label in Place</td>
							<td>A simple fully customizable form enhancement plugin for in-field label support.</td>
							<td><a href="http://www.andreapace.co.uk/labelinplace/" class="btn btn-primary">View Resource</a></td>
						</tr>						<tr>
							<td>Bootstrap Form Helpers</td>
							<td>A Bootstrap extension including 15 custom jQuery plugins. Free for non-commercial projects, commercial license required for commercial deployments.</td>
							<td><a href="http://vincentlamanna.com/BootstrapFormHelpers/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Tags Manager</td>
							<td>A tags input helper to manage tags in a form, a jQuery plugin for Bootstrap 3.</td>
							<td><a href="http://welldonethings.com/tags/manager/v3" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Tags Input</td>
							<td>A jQuery plugin providing a Bootstrap 3 user interface for managing tags.</td>
							<td><a href="http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Tokenfield for Bootstrap</td>
							<td>Advanced tagging/tokenizing plugin for jQuery and Bootstrap 3 with a focus on keyboard and copy-paste support.</td>
							<td><a href="http://sliptree.github.io/bootstrap-tokenfield/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Multiselect</td>
							<td>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 as the dropdown menu containing the single options as checkboxes.</td>
							<td><a href="http://davidstutz.github.io/bootstrap-multiselect/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Timepicker</td>
							<td>Easily select a time for a Bootstrap text input using your mouse or keyboards arrow keys.</td>
							<td><a href="http://jdewit.github.io/bootstrap-timepicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Dual Listbox</td>
							<td>Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Bootstrap. It works on all modern browsers and on touch devices.</td>
							<td><a href="http://www.virtuosoft.eu/code/bootstrap-duallistbox/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Color Picker Sliders</td>
							<td>A color picker plugin for Bootstrap based off of jQuery Color Picker Sliders.</td>
							<td><a href="http://www.virtuosoft.eu/code/bootstrap-colorpickersliders/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap TouchSpin</td>
							<td>A mobile and touch friendly input spinner component for Bootstrap 3. It supports the mousewheel and the up/down keys.</td>
							<td><a href="http://www.virtuosoft.eu/code/bootstrap-touchspin/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Switch</td>
							<td>Turn checkboxes and radio buttons in toggle switches.</td>
							<td><a href="http://www.bootstrap-switch.org/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Datepicker for Bootstrap</td>
							<td>A jQuery plugin that allows you to add datepicker to a field or to any other element.</td>
							<td><a href="http://www.eyecon.ro/bootstrap-datepicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Datepicker</td>
							<td>A datepicker for Bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode.</td>
							<td><a href="https://github.com/eternicode/bootstrap-datepicker" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Date Range Picker for Bootstrap</td>
							<td>A date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates.</td>
							<td><a href="https://github.com/dangrossman/bootstrap-daterangepicker" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Clockface</td>
							<td>A clock face time picker for Bootstrap.</td>
							<td><a href="http://vitalets.github.io/clockface/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap DateTimePicker</td>
							<td>A date/time picker widget for Bootstrap 3.</td>
							<td><a href="http://eonasdan.github.io/bootstrap-datetimepicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>DateTime Picker</td>
							<td>A Bootstrap form component to handle date and time data.</td>
							<td><a href="http://www.malot.fr/bootstrap-datetimepicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Date Paginator</td>
							<td>A jQuery plugin which takes Twitter 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.</td>
							<td><a href="http://jondmiles.com/bootstrap-datepaginator/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Maxlength</td>
							<td>Bootstrap Maxlength uses a Bootstrap label to show a visual feedback to the user about the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.</td>
							<td><a href="http://mimo84.github.io/bootstrap-maxlength/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Iconpicker for Bootstrap</td>
							<td>A simple Bootstrap 3 based icon picker. Allows a user to pick an icon from a dropdown menu.</td>
							<td><a href="http://victor-valencia.github.io/bootstrap-iconpicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Tags</td>
							<td>Bootstrap Tags is a jQuery plugin meant to extend Bootstrap to include tagging functionality.</td>
							<td><a href="http://maxwells.github.io/bootstrap-tags.html" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>FuelUX</td>
							<td>Fuel UX extends Bootstrap with additional lightweight JavaScript controls. Bootstrap 3 support is under development.</td>
							<td><a href="http://exacttarget.github.io/fuelux/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Summernote</td>
							<td>Super Simple WYSIWYG Editor on Bootstrap.</td>
							<td><a href="http://hackerwins.github.io/summernote/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>bootstrap-wysiwyg</td>
							<td>A tiny wysiwyg rich text editor for Bootstrap.</td>
							<td><a href="http://mindmup.github.io/bootstrap-wysiwyg/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Tag Autocomplete</td>
							<td>An @mention autocomplete plugin similar to the functionality seen on Facebook or Twitter.</td>
							<td><a href="http://sandglaz.github.io/bootstrap-tagautocomplete/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap File Input</td>
							<td>A jQuery plugin designed to make all file input fields look like standard Bootstrap buttons.</td>
							<td><a href="http://gregpike.net/demos/bootstrap-file-input/demo.html" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap File Input (Krajee)</td>
							<td>This plugin enhances the HTML 5 file input for Bootstrap 3.x into an advanced widget with file preview for images and text, multiple selection, and more.</td>
							<td><a href="http://plugins.krajee.com/file-input" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>MagicSuggest</td>
							<td>A multiple selection combobox built for Bootstrap themes.</td>
							<td><a href="http://nicolasbize.com/magicsuggest/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>jQuery MiniColors</td>
							<td>A tiny color picker built on jQuery with Bootstrap 3 support.</td>
							<td><a href="http://labs.abeautifulsite.net/jquery-minicolors/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Simple Color Picker</td>
							<td>Yet another jQuery color picker. This plugin is unobtrusive and integrates well with or without Bootstrap.</td>
							<td><a href="https://github.com/tkrotoff/jquery-simplecolorpicker" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Color Palette for Bootstrap</td>
							<td>A color palette dropdown plugin for Bootstrap.</td>
							<td><a href="http://extremefe.github.io/bootstrap-colorpalette/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Slider for Bootstrap</td>
							<td>A Bootstrap slider component.</td>
							<td><a href="http://seiyria.github.io/bootstrap-slider/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>jQRangeSlider</td>
							<td>A powerful slider for selecting value ranges, supporting dates and more.</td>
							<td><a href="http://ghusse.github.io/jQRangeSlider/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>jQuery File Upload</td>
							<td>A file upload plugin with multiple file selection, drag and drop support, progress bars, validation, and preview images, audio, and video for jQuery.</td>
							<td><a href="http://blueimp.github.io/jQuery-File-Upload/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>X-editable</td>
							<td>In-place editing with Bootstrap, jQuery UI, or pure jQuery.</td>
							<td><a href="http://vitalets.github.io/x-editable/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Colorpicker for Bootstrap</td>
							<td>A simple jQuery based color picker extension for Bootstrap.</td>
							<td><a href="http://www.eyecon.ro/bootstrap-colorpicker/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Confirmation</td>
							<td>Bootstrap plugin for on-place confirm boxes using Popover.</td>
							<td><a href="http://mistic100.github.io/Bootstrap-Confirmation/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Star Rating</td>
							<td>A simple yet powerful jQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support.</td>
							<td><a href="http://plugins.krajee.com/star-rating" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap/jQuery Table Plugins -->
			<h3 id="plugins-table">Table Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap Datagrid</td>
							<td>A plugin used to create dynamic, sortable tables in Bootstrap.</td>
							<td><a href="https://github.com/pontikis/bs_grid/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap DataTables</td>
							<td>A extension of the DataTables jQuery plugin that integrates seamlessly with the Bootstrap 3 UI.</td>
							<td><a href="http://datatables.net/examples/styling/bootstrap.html" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>WATable</td>
							<td>A swiss army jQuery table plugin. Filter, format, paginate, and sort your data with ease and lightning speed.</td>
							<td><a href="http://wootapa-watable.appspot.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap/jQuery Menu & Navigation Plugins -->
			<h3 id="plugins-menu">Menu &amp; Navigation Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap: Dropdown on Hover Plugin</td>
							<td>A Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.</td>
							<td><a href="http://cameronspear.com/demos/bootstrap-hover-dropdown/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>metisMenu</td>
							<td>An easy jQuery menu plugin for Bootstrap 3.</td>
							<td><a href="https://github.com/onokumus/metisMenu" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Tree View</td>
							<td>A simple and elegant solution to displaying hierarchical tree structures in Bootstrap.</td>
							<td><a href="https://github.com/jonmiles/bootstrap-treeview" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Responsive Bootstrap Mega Menu</td>
							<td>A responsive, Bootstrap 3 based mega menu with contact form, video, and Google Map integration.</td>
							<td><a href="http://w3lessons.info/2014/04/19/responsive-bootstrap-megamenu-with-contact-form-video-google-map-etc/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Tab Drop for Bootstrap</td>
							<td>Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab with all the tabs that do not fit.</td>
							<td><a href="http://www.eyecon.ro/bootstrap-tabdrop/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap/jQuery Notification Plugins -->
			<h3 id="plugins-notification">Notification Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap Tour</td>
							<td>The easiest way to show people how to use your website.</td>
							<td><a href="http://bootstraptour.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>PNotify</td>
							<td>JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.</td>
							<td><a href="http://sciactive.github.io/pnotify/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootbox.js</td>
							<td>Bootbox.js is a small 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.</td>
							<td><a href="http://bootboxjs.com/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstro.js</td>
							<td>Show your users a guided tour of what is what on a page using Bootstrap popovers.</td>
							<td><a href="http://clu3.github.io/bootstro.js/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>HubSpot Messenger</td>
							<td>Growl-style alerts and messages for your app.</td>
							<td><a href="http://github.hubspot.com/messenger/docs/welcome/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>jQuery Growl</td>
							<td>A growl notifications plugin that works out of the box with the Bootstrap 3 framework.</td>
							<td><a href="http://projects.zoulcreations.com/jquery/jquery-growl/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap/jQuery Modal Plugins -->
			<h3 id="plugins-modal">Modal Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Bootstrap Lightbox</td>
							<td>A simple lightbox plugin based on the bootstrap modal plugin.</td>
							<td><a href="http://www.jasonbutz.info/bootstrap-lightbox/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Image Gallery</td>
							<td>Bootstrap Image Gallery is an extension to blueimp Gallery, a touch-enabled, responsive and customizable image &amp; video gallery.</td>
							<td><a href="http://blueimp.github.io/Bootstrap-Image-Gallery/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Flippant.js</td>
							<td>A mini JavaScript and CSS library for flipping things over.</td>
							<td><a href="http://labs.mintchaos.com/flippant.js/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!-- Bootstrap/jQuery Other Plugins -->
			<h3 id="plugins-other">Other Plugins:</h3>
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th class="resource-name">Name</th>
							<th>Description</th>
							<th class="resource-link">Link</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Jasny Bootstrap</td>
							<td>Jasny Bootstrap is an extension to Bootstrap, adding a number of features and components.</td>
							<td><a href="http://jasny.github.io/bootstrap/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Ladda UI for Bootstrap 3</td>
							<td>Great effect that puts the spinner directly inside a button to give your users immediate feedback after a click or form submit.</td>
							<td><a href="http://msurguy.github.io/ladda-bootstrap/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Video Player</td>
							<td>A customizable HTML5 video player plugin for jQuery based on Bootstrap.</td>
							<td><a href="http://html5-ninja.com/preview/index/5" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>rPag</td>
							<td>A dynamic pagination jQuery plugin for Bootstrap 3.</td>
							<td><a href="http://botmonster.com/jquery-bootpag/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>jQuery Bootpag</td>
							<td>Highly responsive pagination for Bootstrap 3.</td>
							<td><a href="http://auxiliary.github.io/rpage/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Accessibility Plugin</td>
							<td>Bootstrap Accessibility Plugin is an extension for the Bootstrap 3 web development framework that makes many of the components of this library accessible for keyboard and screen reader users.</td>
							<td><a href="https://www.paypal-engineering.com/2014/01/28/bootstrap-accessibility-plugin-making-the-popular-web-development-framework-better/" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Link Preview</td>
							<td>A facebook-like link preview js library using Bootstrap styling components.</td>
							<td><a href="https://github.com/Ekito/bootstrap-linkpreview" class="btn btn-primary">View Resource</a></td>
						</tr>
						<tr>
							<td>Bootstrap Markdown</td>
							<td>Markdown editing for Bootstrap.</td>
							<td><a href="http://toopay.github.io/bootstrap-markdown/" class="btn btn-primary">View Resource</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="text-center well submit-box">
				<h3>Are we missing something?</h3>
				<p>Let us know and we will add your missing resource to our list!</p>
				<a href="#submitResource" data-toggle="modal" class="btn btn-primary">Submit a Resource</a>
			</div>

		</div>
	</div>
</div>

<!-- Submit a Resource Modal -->
<div class="modal fade" id="submitResource" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Submit a Resource</h4>
            </div>
            <div class="modal-body">
            	<p>To submit a resource for review, please send an email to <strong><a href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a></strong> with the following information:</p>
            	<ul>
            		<li>The name/title of the resource</li>
            		<li>A URL for the resource</li>
            		<li>A brief description of the resource</li>
            	</ul>
            	<p>We review each submission for quality and relevance. If you have a quality resource that is relevant to Bootstrap then we will add your resource to our list!</p>
            </div>
        </div>
    </div>
</div>