HK2 Add Bootstrap 5 Module adds Bootstrap 5 Support in the Default or Active Theme. Bootstrap 5 is the newest version of Bootstrap and is the world's most popular framework for building responsive, mobile-first sites. Bootstrap is an open-source framework that allows you to create responsive, professional-looking websites with ease.
For backward compatibility you can also select Bootstrap 4 from Module Configuration - Available at Magento Admin -> HK2 Add Bootstrap 5.
Please note:- This Module enables Bootstrap 5 in Magento Frontend not in Admin/Backend.
- It uses Bootstrap 5 CDN - Reduces Server Load & Offers better performance, reliability, and security.
- It loads Bootstrap CSS, Only If Enabled from Admin Backend.
- No Page Slow Loading Issues.
- Uses minified version of Bootstrap 5 CSS.
- Open Source - Feel Free to send your suggestions of any changes/improvements, will be happy to add the changes.
- Backward Compatibility for Bootstrap 4
- Magento v2.3.x, 2.4.x
This is a Open Source - Free to use Module. No charge or any fee is there to use it.
Download the zip package and unzip it in app/code folder.
php bin/magento module:enable HK2_AddBootstrap5
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
php bin/magento module:disable HK2_AddBootstrap5
php bin/magentosetup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
Login to Magento Admin -> Add Bootstrap5 -> Configuration -> Enable
Please clear the cache after enabling the option.
Once Installed, You can check in Magento Frontend - View Page Source (Right Click - View Page Source) & you can see Bootstrap 5 CDN is Added. Please check the screenshot in case you have any doubts.
Note:- This module enables Bootstrap CDN in Magento Frontend.
Run the following command in Magento 2 root folder
composer require hk2/addbootstrap5
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
Note: It is always recommended to install and verify the extension first in the development or staging environment and once verified then install it on production environment.
You may want to enable the maintenance mode when installing or updating the module, especially when working on a production website. To do so, run the two commands below before and after running the other setup commands:
php bin/magento maintenance:enable
php bin/magento maintenance:disable
-
Admin Panel - Settings
-
Boostrap5 CSS - Addition
-
Boostrap5 Demo
-
Boostrap4 Demo
https://packagist.org/packages/hk2/addbootstrap5
For support, Please consult the documentation for each Docker Image. For Bug reporting and feedback about the provided Dockerfiles, Please open an issue on GitHub. When filing a bug remember that the better written the bug is, the more likely it is to be fixed.
You can also reach us at support@hashtagkitto.co.in
This project welcomes contributions from the community. Before submitting a pull request, please review our contribution guide
Copyright (c) 2019, 2023 Basant Mandal (HK2 - Hash Tag Kitto)
By using HK2 Magento Module, you hereby consent to our disclaimer and agree to its terms.
Basant Mandal (HK2 - Hash Tag Kitto) does not make any warranties about the completeness, reliability and accuracy of this image or its related products. Any action you take upon the information you find here is strictly at your own risk.
Basant Mandal (HK2 - Hash Tag Kitto) will not be liable for any losses and/or damages in connection with the use of our website.