Aller au contenu principal
Jahia Store
FR

Bootstrap 5 Components

community
Télécharger 2.4.5

Informations

Identifiant du module
bootstrap5-components
Identifiant de groupe
org.jahiacommunity.modules
Statut
community
Catégorie
Pre-built templates and components
Auteur
pvollenweider@jahia.com
Site web du développeur
http://www.jahia.com
Nécessite Jahia
8.2.0.0
Mis à jour
2026-07-09
Source
scm:git:git@github.com:Jahia/bootstrap5.git/bootstrap5-components
Étiquettes
  • templates
  • bootstrap
  • layout

This project is a Bootstrap 5 implementation of http://getbootstrap.com for the Digital Experience Platform.

This module contains all the modules, definitions, views, and logic.

Get the full documentation on the GitHub page https://github.com/Jahia/bootstrap5

List of Components and Documentation

The Bootstrap 5 components module provides a comprehensive list of components that allows you to utilize Bootstrap 5 effortlessly. The logic and syntax are handled automatically.

  • Accordions This component enables you to create vertically collapsing accordions using the Bootstrap Collapse JavaScript plugin. 
  • Breadcrumb Indicate the current page's location within a navigational hierarchy, automatically adding separators via CSS. 
  • Button This versatile component allows you to create buttons with various styles, sizes, and functionalities. 
  • Card Bootstrap's cards provide flexible and extensible content containers with multiple variants and options. They can include headers, footers, different content types, contextual background colors, and more.
  • Carousel A slideshow component for cycling through elements, such as images or slides of text, like a carousel
  • Figure and Images Whenever you need to display content, such as an image with an optional caption, consider using the figure component
  • Layout and Grid Bootstrap's grid system uses containers, rows, and columns to create flexible and responsive layouts. It is built with flexbox and adapts to different screen sizes. 
  • Navbar The navbar component provides simple navigation for your site, including sign-in options, language switching, and more. 
  • Pagination Indicate the existence of a series of related content across multiple pages. 
  • Tabs and Pills Tabs and pills are navigation components that enhance website clarity and improve user experience.
  • Text This component provides Bootstrap styles and CK templates. 
  • Version Displays an alert during edit mode with the version of Bootstrap being used.

Versions

Added

  • Navbar — third-level pages now render as Bootstrap 5 dropend submenus (.dropend + .submenu.dropdown-menu), supported in both the Groovy multilevel renderer and the legacy JSP view

Fixed

  • Accordion — aria-expanded was hardcoded to "true"; now reflects actual open/closed state
  • Breadcrumb — aria-label moved from <ol> to the wrapping <nav> element (WCAG 4.1.2); non-navigable items replaced <a href="#"> with <span> to remove dead links
  • Button — removed invalid role="button" from <a> elements; modal trigger gains aria-haspopup="dialog" and aria-modal="true"; collapse trigger exposes dynamic aria-expanded; offcanvas uses conditional aria-labelledby/aria-label; disabled state uses <button disabled> instead of <a href="#">
  • Carousel — indicators converted from <ol>/<li> to <div>/<button> with aria-label="Slide N" and aria-current="true"; prev/next controls converted to <button> with data-bs-target; outer div gains aria-roledescription="carousel" and aria-label; pause/play toggle added
  • CarouselItem — added alt text, aria-roledescription="slide", and aria-label per slide; caption visible to AT on all viewports
  • Navbar login — duplicate input id attributes eliminated; visually-hidden <label> elements added; login trigger converted from <a role="button"> to <button>; all decorative SVGs gain aria-hidden="true" focusable="false"
  • Navbar multilevel (Groovy) — aria-current="page" on active links replaces the deprecated visually-hidden span; dropend toggle includes hrefdata-bs-togglearia-expanded, and id; submenu <ul> gains aria-labelledby
  • Navbar multilevel (JSP) — aria-current="page" on active links; removed aria-haspopup="true" from dropdown toggles; removed invalid aria-labelledby from <div class="dropdown-menu">
  • Navbar wrapper — aria-hidden="true" on toggler icon span; conditional alt on brand image
  • Pagination — wrapped <ul class="pagination"> in <nav aria-label="Pagination">; numbered links gain aria-label="Page N"; active item gains aria-current="page"
  • Privacy settings modal — converted BS4 tab markup to BS5 (data-bs-toggle<button> tabs); aria-modal="true"aria-labelledby, and tabindex="-1" on modal; tab panels gain aria-labelledby and tabindex="0"; duplicate id (#privacyTabs_…) corrected
  • Tabs — aria-selected leading-space typo fixed; tabindex added to tab buttons and panels; aria-label on tablist; aria-labelledby on tab panels

Full changelog: https://github.com/Jahia/bootstrap5/blob/2_X/CHANGELOG.md

Nécessite Jahia 8.2.0.0Mis à jour 2026-05-20

🔼 Bootstrap updated: 5.3.7 → 5.3.8

Minor Bootstrap update including upstream bug fixes.


🐛 Bug fixes

  • Language switcher — removed redundant/deprecated aria-owns attribute
  • Login dropdown — duplicate class attribute on the Logout link (the logout class was silently ignored by the browser)
  • Navbar — dropdown menus overflowing the viewport when the navbar is not inside a Bootstrap container
  • Figure — missing fn taglib causing a JSP compilation error
  • CarouselItem — Bootstrap 3 markup used in edit mode, replaced with Bootstrap 5
  • Offcanvas — undefined ${visibility} variable generating an invalid HTML attribute
  • Carousel — undefined ${carouselCaptionClass} variable
  • Navbar — typo brandImageMobileeUrl (double e) preventing mobile brand image from rendering
  • Navbar — wrong i18n key bootstrap5nt_navbarnavbar for the language switcher aria-label
  • Margin mixin — wrong package declaration in margin.margin.groovy

📖 Documentation

  • Fixed inconsistencies between markdown documentation and CND definitions (button, navbar, grid)
  • Documented navbar brand resolution behaviour (site node vs local component)
  • Added Javadoc to initializer classes (ButtonTypeInitializerGridTypeInitializerNavbarRootInitializer)
  • Added JSDoc to multilevel-nav.js

Full Changelogbootstrap5-modules-2.4.3...bootstrap5-modules-2.4.4

Nécessite Jahia 8.2.0.0Mis à jour 2026-05-20

Updated all Bootstrap assets to version 5.3.7

Nécessite Jahia 8.2.0.0Mis à jour 2025-06-26

Enhancements

  • Pagination Placeholder in Edit Mode
    Added a placeholder message for empty pagination components when in edit mode. This improves UX by making the component’s presence visible even when no items are available.
Nécessite Jahia 8.2.0.0Mis à jour 2025-06-05

New Features

  • Improved documentation:
    • Added a new section in docs/text.md describing how to use the bootstrap5mix:text mixin in custom definitions, including how to display its value in JSP.
  • Compatibility updates for Jahia 8.2:
    • The bootstrap5-package module was enhanced to properly support Jahia 8.2:
    • Added Jahia-Required-Version: 8.2.0.0 to the manifest.
    • Included a dependency on the skins module (org.jahia.modules:skins:8.2.0).
    • Improved configuration of the maven-assembly-plugin and maven-dependency-plugin to ensure valid and complete package generation.

Dependency Updates

  • Updated all Bootstrap assets to version 5.3.6:
  • This includes .css, .min.css, .rtl.css, and .js files across the core module.
  • View all changes here: https://github.com/twbs/bootstrap/releases/tag/v5.3.6
Nécessite Jahia 8.2.0.0Mis à jour 2025-06-05

Compatibility Notice

  • This version requires Jahia 8.2 or higher.
  • All dependencies on Spring Framework have been removed to simplify the codebase and eliminate unused dependencies.

New Features

  • Enhanced Navbar Customization
  • Introduced two new configurable properties:
    • liClass: defines the CSS class for each <li> item in the navbar (default: nav-item).
    • navLinkClass: defines the CSS class for each <a> link in the navbar (default: nav-link).
  • These properties are available through the bootstrap5mix:customizeNavbar mixin and supported in both JSP and Groovy-based views.
  • Improved CKEditor Integration
  • Added “Remove Format” button to clear inline formatting.
  • Introduced a custom “Wash” button to clean up pasted HTML (e.g., from MS Word), removing unnecessary tags and styles.
  • Integrated purify.min.js and beautify-html.min.js to sanitize and beautify content.

Enhancements

  • Refactored navbar.basenav-multilevel.groovy
  • Simplified rendering logic with reusable helper methods.
  • Improved readability and maintainability of the recursive menu generation.
  • Enhanced support for jnt:pagejnt:nodeLink, and jnt:externalLink menu items.
  • Security & Compatibility
  • Added a safety check in ckconfig.js to prevent errors when accessing combo_inlinestyles if the UI component is not present in CKEditor.

Documentation

  • Updated docs/navbar.md to describe the new customizable navbar properties.
  • Updated docs/text.md and replaced text.png to reflect the new CKEditor toolbar with format-cleaning options.

 

Nécessite Jahia 8.2.0.0Mis à jour 2025-04-15
  • Add new tab type "underline"
  • Add missing resource for permissions
  • Update assets to Bootstrap v5.3.3
     
Nécessite Jahia 8.0.0.0Mis à jour 2024-02-27
  • Update assets to Bootstrap 5.3.1
  • Improvements on CKEditor configuration
  • Enhance the documentation
Nécessite Jahia 8.0.0.0Mis à jour 2023-08-29

Fix the remember me login feature

Nécessite Jahia 8.0.0.0Mis à jour 2023-04-21
  • Prevent redirect issue on login
  • Adding jmix:accessControllableContent as a parent to the components'category, to generate permission for this category
  • Only load jQuery + multilevel assets if needed
Nécessite Jahia 8.0.0.0Mis à jour 2023-02-14

Starting with version 2.2.0, the bootstrap5-core bundle no longer provides mappings for assets.

Nécessite Jahia 8.0.0.0Mis à jour 2023-01-17

Update assets to v5.2.3

Nécessite Jahia 8.0.0.0Mis à jour 2022-12-20

Set the tab name as the URL fragment when clicking on a tab

Nécessite Jahia 8.0.0.0Mis à jour 2022-10-26

Update assets to v5.2.2

Nécessite Jahia 8.0.0.0Mis à jour 2022-10-04

Update assets to v5.2.1

Nécessite Jahia 8.0.0.0Mis à jour 2022-09-20

Update assets to v5.2.0

Nécessite Jahia 8.0.0.0Mis à jour 2022-07-28

Rename some initializers for a better cohabitation with Bootstrap 4

Nécessite Jahia 8.0.0.0Mis à jour 2022-06-23
  • Update assets to v5.2.0-beta1
  • Keep "row" string in custom row class name
  • Remove jQuery dependency on tabs
  • Use buttons for tabs
Nécessite Jahia 8.0.0.0Mis à jour 2022-06-09

Change versions to 2.0.x so the version for Jahia 8 is bigger than Jahia 7 version.

This release has the same features and the same code as v1.0.8

Nécessite Jahia 8.0.0.0Mis à jour 2022-03-11

Changelog:

  • Bootstrap5-core bundle no longer provides mappings for assets (QA-14549)
  • Update assets to v5.2.3
  • Set the tab name as the URL fragment when clicking on a tab
  • Keep "row" string in custom row class name
  • Remove jQuery dependency on tabs
  • Use buttons for tabs

About the mappings for assets

Starting with version 1.2.0, the bootstrap5-core bundle no longer provides mappings for assets. This means that you will need to ensure that all of your views use one of the following resources for a Bootstrap 5 project:

  • bootstrap.min.css
  • bootstrap.bundle.min.js

If you suspect that your code or some third-party bundles are still using uncompressed resources such as bootstrap.css or bootstrap.js, and even popper.js or popper.min.js, you may need to add the following mappings in a spring file:

<bean class="org.jahia.services.render.StaticAssetMapping">
    <property name="mapping">
        <map>
            <entry key="bootstrap.css" value="bootstrap.min.css"/>
            <entry key="bootstrap.js" value="bootstrap.bundle.min.js"/>
            <entry key="bootstrap.min.js" value="bootstrap.bundle.min.js"/>
            <entry key="popper.js" value="bootstrap.bundle.min.js"/>
            <entry key="popper.min.js" value="bootstrap.bundle.min.js"/>
        </map>
    </property>
</bean>

For best practice, it is recommended to use the following code when adding Bootstrap 5 resources to your templates:

<template:addResources type="css" resources="bootstrap.min.css"/>
<template:addResources type="javascript" resources="bootstrap.bundle.min.js" targetTag="${renderContext.editMode?'head':'body'}"/>

Full Changelogbootstrap5-modules-1.1.2...bootstrap5-modules-1.2.0

Nécessite Jahia 7.3.0.0Mis à jour 2023-01-17

Rename the pagesandfiles picker to pagesandfiles5 to avoid conflicts with Bootstrap 4

Nécessite Jahia 7.3.0.0Mis à jour 2022-01-05

Upgrade assets to Bootstrap v5.1.3

Nécessite Jahia 7.3.0.0Mis à jour 2021-10-14

New release for Jahia 7.3

Nécessite Jahia 7.3.0.0Mis à jour 2021-06-29

Rename the pagesandfiles picker to pagesandfiles5 to avoid conflicts with Bootstrap 4

Nécessite Jahia 8.0.0.0Mis à jour 2022-01-05

Upgrade assets to Bootstrap v5.1.3

Nécessite Jahia 8.0.0.0Mis à jour 2021-10-14

Update Bootstrap 5 assets to v5.1.1

Nécessite Jahia 8.0.0.0Mis à jour 2021-09-22

Update Bootstrap 5 assets to v5.1.0

Nécessite Jahia 8.0.0.0Mis à jour 2021-09-01
  • Fixes on Navmenu: status of the page, title for nodeLink, prevent duplicate IDs for more than 1 navigation menu is used on the same page
  • Add a Bootstrap5 view for the privacySettingsModal
Nécessite Jahia 8.0.0.0Mis à jour 2021-06-23
  • Add new property to set Class(es) to set on the Card Header
  • Workaround for QA-13750 (resources set to body with targetTag are not loaded; set to head on edit mode)
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-18

 

Update assets to v5.0.1. Check full change log at https://github.com/twbs/bootstrap/releases/tag/v5.0.1

Nécessite Jahia 8.0.0.0Mis à jour 2021-05-17
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
1.0.0brouillonTélécharger
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.8brouillonTélécharger
  • Update Bootstrap assets to v5.0.0-beta3
  • New component Offcanvas (as a part of the button)
  • Move call to the Bootstrap JavaScript at the end of the body
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.7brouillonTélécharger
  • Update Bootstrap assets to v5.0.0-beta3
  • New component Offcanvas (as a part of the button)
  • Move call to the Bootstrap JavaScript at the end of the body
Nécessite Jahia 8.0.0.0Mis à jour 2021-03-30
0.0.6brouillonTélécharger
  • Add icons for choice lists
  • Change mixin order for cards
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.5brouillonTélécharger
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.4brouillonTélécharger

Components

  • Fix navbar on live mode
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.3brouillonTélécharger
  • Improvement on navnar component to make it really recursive
  • Add some fieldset override config to handle the fieldset ranking on grid and navbar compoments
  • Change groupId from org.foo.modules to org.jahiacommunity.modules
  • Add new package module
     
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07
0.0.2brouillonTélécharger
Nécessite Jahia 8.0.0.0Mis à jour 2021-05-07