Topic: Does anyone know, if i can get change the bootstrap grid layout with the pro gulp package?
KBi priority asked 4 years ago
Expected behavior Want to change the mediaquery of the grid system in the unanttached gulp pro project in"scss/core/bootstrap/_variables.scss", especially the following parts:
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1440px
) !default;
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1400px
) !default;
Actual behavior But these 1400/1440px are not working after compiling the scss-files. It seems, that these variables doesn't overwrite the breakpoints in the bootstrap.css.
Sorry, i'm an absolute beginner in gulp things...
Thanks!
Cheers,
Kai
Krzysztof Wilk staff answered 4 years ago
Hi!
After saving changes try to run npm run css-compile
command, then npm run css-minify
to minify your bootstrap.css
. Necessarily write if it helped or not :)
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.19.1
- Device: all
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No