Topic: Changing grid breakpoints doesnt work properly
Hello. I am trying to change grid breakpoints and container max width by means of creating my own custom.scss file that contain code below (1).
I added @import "custom" at the end of mdb.scss file and compiled it. I have also experimented with adding imports in custom.scss file.
Breakpoints dont change. Adding @import "mdb" at the end of custom.scss file deletes breakpoints not pointed in overrided variables but doesn`t override values that i wrote (2).
I didn`t forget to recompile files, I use gulp, overriding other variables or creating own class works.
https://mdbootstrap.com/docs/jquery/layout/grid-usage/ manual used.
1. Supposed code
2. Code that somehow works
there is a thing, that these scss breakpoints values are taken from the bootstrap.css file and in MDB we don't overwrite the bootstrap grid. For now, we don't have a better solution than this your one above. We will try to work on it.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: PC
- Browser: Mozilla Firefox, Google Chrome
- OS: Windows 10
- Provided sample code: Yes
- Provided link: No