Next.js Discord

Discord Forum

Tailwind on Next.js Project

Answered
Macao paper wasp posted this in #help-forum
Open in Discord
Avatar
Macao paper waspOP
I am using react boostrap on my project. There have been suggestions to use tailwind. Is it a good practice to use two libraries?
Answered by Anay-208
Hover over apps first, then you'll see
View full answer

19 Replies

Avatar
no, Bootstrap & tailwind won't go together
I've personally tried it when I was trying tailwind for the first time
Avatar
Macao paper waspOP
Thanks! What problems did you face?
Avatar
On navbar, Colors were sort of mixed
Some styles were overlaying
I wanted tailwind for convenience, and bootstrap for ready made designs, but it doesn't work like this
Avatar
Macao paper waspOP
Good to know. Did you use Tailwind just for utility or components like alerts, modal, tooltip etc?
Avatar
I use tailwind for everything now, with the help of [shadcn ui](https://ui.shadcn.com/)
Avatar
Macao paper waspOP
So, you don't recommend using tailwind?
Avatar
I do recommend
I use it for literally everything. I can't live without it
Avatar
Macao paper waspOP
ok
Avatar
@Macao paper wasp To end it off, Opinion can vary from person to person.

for example, people don't really like 2-3 lines of className in 1 element.

But some people find it easier to directly edit in their file.
If your issue is resolved, you can mark above message as a solution
Avatar
Can you mark solution?
Avatar
Macao paper waspOP
I don't a option:
Image
Avatar
click on apps then marks as solution
Avatar
Hover over apps first, then you'll see
Answer
Avatar
Macao paper waspOP
Done