Bootstrap version 5

[pietzschke]

Hi there,
are there any plans to upgrade the plugin for bootstrap version 5 or to create an additional plugin for djangocms?

https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
Looks like v5 will be out for beta soon:
https://github.com/twbs/bootstrap/projects/26

[pietzschke]

Any news on this?
https://github.com/twbs/bootstrap/projects/27
V5 will be released soon.

[crydotsnake]

Hello,

Currently there are no plans for this yet.

[speendo]

oh that's surprising as bootstrap 5 has just been released.

Is it unpolite to ask why there are no plans to follow this step with djangocms?

[NicolaiRidani]

Hi everbody (@MicicFilip, @pietzschke, @zkne, @devyntk, @Mih333, @Gromph)

I would like to briefly clarify a few things :-) The django CMS project has been fully backed by the community for a year now (find out more about the launch of the django CMS Association here). This means that all issues related to the development of django CMS and its plugin ecosystem rely on the work of our contributors. In order to facilitate the contribution process, we have initiated various work groups around different development topics. In terms of Bootstrap 5, no group has come together yet.

So if anyone is interested in working on Bootstrap 5 compatibility, you are more than welcome to join us on Slack and I will happily guide you through the contribution process :-)

By the way, we reward contributors who create pull requests with merch (see here).

Thx
Nicolai

PS: I know that @crydotsnake message does sound a bit harsh but since I know him I'm sure he didn't mean it that way 👍.

[crydotsnake]

I already created a repo for that, but i havent started yet: https://github.com/crydotsnake/djangocms-bootstrap5

[speendo]

@crydotsnake I'd be happy to help although my abilities and time is/are limited. But you can count on me for smaller tasks.

[crydotsnake]

Thanks a Lot @speendo ! :)

[gl-agnx]

Hello,

Due to a need to have working carousel and other items, I've put together, based on this current repo, a Bootstrap 5 version.

It has been completely renamed, and many of the changes required to support bootstrap 5 (data-* to data-bs-* for example).
It passes the tests and I've tested it on a demo project. Things like the carousel working, other things as well, though I'd expect there may be other changes needed.

You can review it here and pull.

https://github.com/gl-agnx/djangocms-bootstrap5

[NicolaiRidani]

That's actually quite amazing @gl-agnx :-) I have added you to the respective slack channel for further discussion.

[khrizo]

@gl-agnx Bravo!

[crydotsnake]

Hello @gl-agnx,

How do you have tested your package?
I tested your package today, but the styling of the Bootstrap 5 components didn’t work with Bootstrap 5 Framework itself.

[gl-agnx]

Hi,

I've been running it with a compiled custom bootstrap 5.1.0 styling. I initially tested it with a CDN variant.
I will retest that. Any specific error or component that isn't working?

[crydotsnake]

All of the components aren't working.

The idea is, that you add the Bootstrap Framework itself too your project, and the components in djangocms-boostrap5 should render in the normal bootstrap style. If you for example including Bootstrap 4, and use a Jumbotron Component from the djangocms-bootstrap4 package you will see, the styling works immediately.

[gl-agnx]

Hi @crydotsnake
Absolutely. All one would need to do is to link to the Bootstrap CSS (from CDN) or some custom build and it should all work.

For me this works. I have everything rendering as expected in a site with a custom 5.0.1 CSS based on bootstrap (has some styling but most things are standard). But I didn't use pip or any package management. I dropped the directory inside my project (copied from the repo)

Can you provide me with steps you use to run this so I can reproduce and find the issue?

[crydotsnake]

@gl-agnx Use the djangocms Quickstart and include Bootstrap 5 via CDN.