Next.js Discord

Discord Forum

Custom CSS not overriding the bootstrap

Unanswered
Siamese Crocodile posted this in #help-forum
Open in Discord
Siamese CrocodileOP
import "bootstrap/dist/css/bootstrap.min.css";
import "./styles/globals.css";
import "./styles/responsive.css";


If I check: _next/static/css/app/(auth)/layout.css

Then the css file loading priority is
globals.css
responsive.css
bootstrap.min.css

How I can get the
bootstrap.min.css
globals.css
responsive.css

I tried to rename the globals.css to styles.css but it did not worked.
Next JS Version: 13.4.5
Any help on this?

0 Replies