Hi,
I am trying to integrate bootstrap v5 components or tailwind components to a anvil app. But i noticed that “behind the scenes” css is overwriting the bootstrap v5 css (or tailwind if i try that).
I know there are some other posts regarding this - but can someone please explain (again) if its possible and how to integrate eg a predefined bootstrap 5 component or tailwind components?
Bootstrap 5 - Expected result:
Source: Navbar · Bootstrap v5.3
Bootstrap 5 in anvil:
Daisy ui (tailwind) - Expected result:
Source: Tailwind Navbar Component — Tailwind CSS Components ( version 5 update is here )
Daisy ui (tailwind) in anvil:
It is possible, but not easy, to do this for an existing (classic) M3 App.
But it should be straightforward to do this in a completely new (beta) M3 app.
Have you tried?
Why?
- because existing (classic) M3 apps have bootstrap-3, which will clash with your external frameworks in a number of ways
- in new M3 apps bootstrap-3 does not ship with the app
Note:
It is possible to convert an existing (classic) M3 app
into an app that doesn’t ship with bootstrap 3
The steps are a little involved
But happy to share those if it’s not possible to start from a new M3 app
and you’d like to try
2 Likes
Thank you @stucork 
I’ll update this post when I have tried it out!
Seems promising with integrating DaisyUI
1 Like
