JT Bootstrap Buttons
Create one or more Bootstrap 5 buttons with a Joomla site module. Configure colors, outline mode, sizes, target behavior, full width mode, disabled state, alignment and button spacing from the module settings.
Module Features
All features in one module
This demo page statically represents the Bootstrap 5 compatible HTML output generated by the Joomla module on the frontend.
Add 1–20 buttons from the module form.
Primary, secondary, success, danger, warning, info, light, dark and link.
Outline buttons for every variant except link.
Small, default and large button sizes.
Open links in the same window or in a new tab.
The title value is also used as an aria-label.
Left, center and right alignment with gap 0–5.
Supports http, https, relative URLs, anchors, mailto and tel links.
Color variants
Bootstrap 5 color variants
Outline style
Outline buttons
The outline option can be used with all Bootstrap color variants except the link variant.
Button sizes
Small, default and large sizes
URL and target
Supported link types
If the URL field is empty, the module renders a <button> element. If a valid URL is provided and the button is not disabled, it renders an <a> element.
target="_blank" and rel="noopener noreferrer" for safer external links.
States
Full width and disabled buttons
Full width
Disabled state
Alignment and gap
Alignment and button spacing
Left alignment / gap-1
Center alignment / gap-3
Right alignment / gap-5
Languages and support
English / Turkish language files and support information
en-GB language file for administrator and frontend strings.
tr-TR translations for field labels and descriptions in the module form.
Generated output
Example HTML output generated by the module
<div class="mod-jtbootstrapbuttons d-flex flex-wrap justify-content-center gap-2">
<a href="https://joomtheme.com" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Website</a>
<a href="/contact" class="btn btn-outline-secondary btn-lg">Contact</a>
<button type="button" class="btn btn-dark">No URL Button</button>
<button type="button" class="btn btn-danger" disabled aria-disabled="true">Disabled</button>
</div>Installation
Joomla installation
- Download the latest ZIP package from the Releases page.
- In Joomla Administrator, go to System → Install → Extensions.
- Upload the ZIP package.
- Open JT Bootstrap Buttons under Content → Site Modules.
- Add your buttons, select a module position and publish the module.