Joomla 4 Bootstrap 4?

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 449
Joined: Fri Oct 02, 2015 3:28 pm

Joomla 4 Bootstrap 4?

Post by JurajB » Sun Sep 12, 2021 6:58 am

Hello,
I have fresh full install J4.0.2, which I reinstalled because I though some component did break Bootstrap, but now after fresh install I see also 4.3.1 Bootstrap with popper 1.12.6.
Is it how it should work? Or only my wappalyzer says it wrong, but also twice - bootstrap and popper.
Thanks for resolution.

EDIT: so for the backend
!! I posted to Joomla 3 instead of 4 please move this.

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 449
Joined: Fri Oct 02, 2015 3:28 pm

Re: Joomla 4 Bootstrap 4?

Post by JurajB » Sun Sep 12, 2021 9:08 am

How do I check what version I am using ?

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 28189
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Joomla 4 Bootstrap 4?

Post by Per Yngve Berg » Sun Sep 12, 2021 9:15 am

Cassiopeia only load the js of Bootstrap. The css files are not used.

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 449
Joined: Fri Oct 02, 2015 3:28 pm

Re: Joomla 4 Bootstrap 4?

Post by JurajB » Sun Sep 12, 2021 9:29 am

Ok, correct me if Im wrong, but wasnt the JavaScript the biggest difference between 4 and 5 bootstrap?
I mean why does wappalyzer says its BS 4 and even popper 1.x when BS5 is using 2.x?

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 28189
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Joomla 4 Bootstrap 4?

Post by Per Yngve Berg » Sun Sep 12, 2021 10:04 am

There is a comment with version at the beginning of the file for the non min file that is loaded when debug is on.

User avatar
JurajB
Joomla! Explorer
Joomla! Explorer
Posts: 449
Joined: Fri Oct 02, 2015 3:28 pm

Re: Joomla 4 Bootstrap 4?

Post by JurajB » Sun Sep 12, 2021 10:42 am

now I bring in bootstrap 5.1.1 but some icons in the login isnt working (probably due bs upgrade) popper still telling 1.12.6 version, so maybe thats the problem.
Where do I see which popper version is in the scripts?

edit: everything is going fine now even the icons, using bs 5.1.1, but the popper is still the issue
Good Luck Joomla!

User avatar
brian
Joomla! Master
Joomla! Master
Posts: 12228
Joined: Fri Aug 12, 2005 7:19 am
Location: Leeds, UK
Contact:

Re: Joomla 4 Bootstrap 4?

Post by brian » Sun Sep 12, 2021 11:07 am

Cassiopeia only load the js of Bootstrap. The css files are not used.
Not true.
"Exploited yesterday... Hacked tomorrow"
Blog http://brian.teeman.net/
Joomla Hidden Secrets http://hiddenjoomlasecrets.com/

User avatar
Pavel-ww
Joomla! Explorer
Joomla! Explorer
Posts: 450
Joined: Tue Jun 30, 2020 12:17 pm

Re: Joomla 4 Bootstrap 4?

Post by Pavel-ww » Mon Sep 13, 2021 8:11 am

brian wrote:
Sun Sep 12, 2021 11:07 am
Not true.
Hi @brian. Yes, in template.css and in other template's css files present Bootstrap v5.0.2. Yes, it is clear that it is used to style and behavior of bootstrap components. But I have not seen a place where Bootstrap Grid Sistem would be used. Just for academic interest, can you show where it is used? And if it is not used, isn't it "Bootstrap Grid Sistem" excessive part of the Cassiopea template code, which should be deleted for better performance?

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 28189
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Joomla 4 Bootstrap 4?

Post by Per Yngve Berg » Mon Sep 13, 2021 9:40 am

Template.css contain the Bootstrap grid classes.

.container, .container-lg, .container-md, .container-sm
.row
.col, .col-1 ... col-12

There is no bootstrap.css loaded, it's all forked in template.css

User avatar
brian
Joomla! Master
Joomla! Master
Posts: 12228
Joined: Fri Aug 12, 2005 7:19 am
Location: Leeds, UK
Contact:

Re: Joomla 4 Bootstrap 4?

Post by brian » Mon Sep 13, 2021 1:39 pm

> There is no bootstrap.css loaded, it's all forked in template.css

It is not forked - it is implemented correctly. that's how modern scss works
"Exploited yesterday... Hacked tomorrow"
Blog http://brian.teeman.net/
Joomla Hidden Secrets http://hiddenjoomlasecrets.com/

User avatar
JTema
Joomla! Guru
Joomla! Guru
Posts: 686
Joined: Sun Apr 13, 2008 8:10 pm

Re: Joomla 4 Bootstrap 4?

Post by JTema » Sun Sep 19, 2021 12:48 pm

So that means bootstrap 5 js is loaded by cassippeia and bootstrap 5 css is implemented into casssiopeia's template.css isn't it? Joomla 4 does not load bootstrap by it's own. If you do not use cassiopeia somehow you should implement bootstrap 5.
http://www.joomlatema.net - Joomla Extensions and Templates
https://andalusa.joomlatema.net - Andalusa Professional Responsive Joomla Template

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 28189
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Joomla 4 Bootstrap 4?

Post by Per Yngve Berg » Sun Sep 19, 2021 2:10 pm

brian wrote:
Mon Sep 13, 2021 1:39 pm
> There is no bootstrap.css loaded, it's all forked in template.css

It is not forked - it is implemented correctly. that's how modern scss works

Is it fully implemented? That was not the case with Protostar, some features where missing.


Post Reply

Return to “Templates for Joomla! 4.x”