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



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • 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