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


Includes 200 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to Glyphicons whenever possible.

More about Glyphicons


Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin.

More about Dropdowns

Button groups

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with the buttons plugin.

More about Button groups

Button dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

More about Button dropdowns

Input groups

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use .input-group with an .input-group-addon to prepend or append elements to a .form-control.

More about Input groups


Navs available in Bootstrap have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.

More about Navs


Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.

More about Navbar


Indicate the current page's location within a navigational hierarchy.

More about Breadcrumbs


Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

More about Pagination


Add any of the blabel modifier classes to change the appearance of a label with a simple span.

More about Labels


Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

More about Badges


A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

More about Jumbotron

Page header

A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).

More about Page header


Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

More about Thumbnails


Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

More about Alerts

Progress bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

More about Progress bars

Media object

Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

More about Media object

List group

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

More about List group's


While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

More about Panels


Use the well as a simple effect on an element to give it an inset effect.

More about Wells

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