DesignWebKit - Web Design Blog

17 Best Twitter Bootstrap Plugins to Use in 2013

by
December 18th, 2012   |   Web and Trends

Bootstrap was created “…by nerds for nerds…” (it’s a quotation from Bootstrap website, so please don’t blame me for this phrase :)). They say that it’s a really simple and fast framework that helps web developers create awesome stuff. It contains HTML, CSS and JavaScrips conventions.

Here is a well-done presentation that will give you a clear understanding of what Twitter Bootstrap really is:



I guess there is no need to retell you technical specs of Bootstrap – it was clearly explained by Twitter developers. It would be much better to present you Bootstrap plugins that were specifically created for this awesome technology. It’s really great when useful goodies are collected in one place, so I guess you’ll like this round-up.

In case you’re an addict of different frameworks we can offer you to choose some of the Responsive Web Design Frameworks that we’ve showcased earlier.

Bootstrap Plugins for Web Developers:

1. WordPress Twitter Bootstrap CSS

This plugin lets you integrate the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site. It will enrich your website design and functionality.

Bootstrap plugins: WordPress Twitter Bootstrap CSS Plugin

2. JBootstrap

This plugin will bring Twitter Bootstrap functionality into Joomla 2.5. It’s suitable for GPL Compatible Open Source projects only.

Bootstrap plugins: JBootstrap Plugin

3. Twitter Bootstrap Button JavaScript Plugin

This Bootstrap plugin was created to control button states or to create groups of buttons for components like toolbars. The plugin requires jQuery.js and bootstrap-button.js files.

Bootstrap plugins: Twitter Bootstrap Button JavaScript Plugin

4. Colorpicker and Datepicker for Twitter Bootstrap

By using this plugin you can add color or date picker to a field or any other element.

Colorpicker and Datepicker for Twitter Bootstrap - Bootstrap Plugins

5. Twipsy Bootstrap Plugin

This plugin is a hovering tooltip with a link inside the tooltip. Just like other Bootstrap JavaScript plugins this one needs jQuery or Ender to work.

Bootstrap plugins: Twipsy Bootstrap Plugin

6. Twitter Bootstrap Dropdown JavaScript Plugin

This plugin enables you to create drop down menus to almost anything in Twitter Bootstrap.

Bootstrap plugins: Twitter Bootstrap Dropdown JavaScript Plugin

7. Bootstrap-WYSIHTML5

It’s a simple and beautiful WYSIWYG (What You See Is What You Get) editor.

Bootstrap WYSIHTML5

8. Twitter Bootstrap ScrollSpy Plugin

This plugin is used for doing automatic updates of nav targets that are based on scroll position.

Twitter Bootstrap ScrollSpy Plugin - Bootstrap plugins

9. Bootstrap Tab Plugin

This plugin adds tabs or pills navigation, so that you can quickly look through website content.

Bootstrap plugins: Bootstrap Tab Plugin

10. jQuery Simple Colorpicker

It’s a simple jQuery color picker. You can use the plugin with Twitter Bootstrap or without it.

Bootstrap plugins: jQuery Simple Colorpicker Plugin

11. Twitter Bootstrap Popover

This plugin is used to display supplementary information of any elements on your website. Small tooltips become visible every time you hover your mouse pointer over elements.

Twitter Bootstrap Popover

12. Bootbox.js

It is a small JavaScript library that allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals. When using this plugin you don’t need to manage DOM elements or JS event handlers.

Twitter Bootstrap Plugin

13. Twitter Bootstrap Collapse JavaScript Plugin

By using this plugin you can create collapsible components with Twitter Bootstrap.

Bootstrap plugins - Twitter Bootstrap Collapse JavaScript

14. Font Awesome

Generally, it’s a pictographic language of web-related actions that is compatible with Twitter Bootstrap 2.0. The Font Awesome web font and CSS libraries are free for commercial purposes.

Twitter Bootstrap Plugin

15. Struts2 Bootstrap Plugin

This plugin easily integrates Twitter Bootstrap into a Bootstrap-based Struts2 (framework for Java applications).

Struts2 Bootstrap Plugin

16. Twitter Bootstrap Typeahead Plugin

This plugin is used to help people select a single item from a given range of options.

Twitter Bootstrap Typeahead Plugin

17. Bootstrap Modals Plugin

On our Bootstrap plugins list this one creates modal windows to add functionality to users. For this reason popover and tooltips can be used.

Bootstrap Modals Plugin

About the author
Ann Davlin

Ann Davlin is an inspired blogger who works at MotoCMS - a company that brought you an advanced website builder. That's who she is by day. But as the night falls she turns into a superhero web surfer restlessly browsing through thousands of funny cat pics and videos. If you want to discuss either of that feel free to connect with her on Twitter and Google+. Cheers!

NEWSLETTER

SIGN UP
Follow us
Write For Us
Join DesignWebKit as a guest writer today! Write a design related article or tutorial and build the reputation of an expert in your field.
TALK TO US