Topic: Does anyone know, if i can get change the bootstrap grid layout with the pro gulp package?
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
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
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.19.1
- Device: all
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No