Hints, Tips 'n Tutorials
Template Discussions
Modules / Extensions
Joostrap 101
Discussion Index


Plugins can be included individually (using Bootstrap's individual *.js files), or all at once (using bootstrap.js or the minified bootstrap.min.js).

Do not attempt to include both.

Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files). Consult our bower.json to see which versions of jQuery are supported.


About transitions
For simple transition effects, include transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

What's inside
Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It's used by the other plugins to check for CSS transition support and to catch hanging transitions.

More about Transitions


Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

More about Modal's


Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.

More about Dropdown's


The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.

More about Scrollspy


Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

More about Tab's


Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

More about Tooltip's


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

More about Popover's


Add dismiss functionality to all alert messages with this plugin.

More about Alert's


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

More about Button's


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

More about Collapse


The carousel plugin is a generic plugin and component for cycling through elements like a carousel.

More about Carousel's


Use the affix plugin via data attributes or manually with your own JavaScript. In both situations, you must provide CSS for the positioning of your content.

More about Affix

Supporting Partners

jce editor


Our Preferred Joomla Host's

Web Hosting

Get in Touch With us

For account or Joostrap enquiries, please get in touch with us here.

Contact us