F
Filament3w ago
Medo

Tutorial on how to implement with frontend made with bootstrap.

Hello, how to implement a filament table, form, or even notifications in the frontend website made with Bootstrap. When I applied it bootstrap and tailwind didn't work together .
7 Replies
krekas
krekas3w ago
ditch bootstrap then
toeknee
toeknee3w ago
Tailwind have very different classes so it's likely bootstrap is default styling, ensure tailwind is loaded second and you'll have to likely override some default styling within bootstrap for filament classes
Medo
Medo3w ago
what if the design is already done and made with bootstrap, that way am asking any suggestions? I will give it a try again, thank you mate ♥
krekas
krekas3w ago
Should have thought before. I think there are packages atleast for tables which have bs style
Medo
Medo3w ago
I don't know if you understand my question well but let me explain it more I have Frontend made with bootstrap and for example, i'd like to use form using filament form builder https://filamentphp.com/docs/3.x/forms/adding-a-form-to-a-livewire-component and when I use this livewire component in any page in frontend for example it will blow up
krekas
krekas3w ago
I understand the question. You should have chosen different stack then
toeknee
toeknee3w ago
Provide a screenshot of a blow up, did you add the tailwind classes to npm?