Topic: $grid-columns
Hi, I'm trying to change the bootstrap $grid-columns to 16 with no results, what are your recommendations?
thank you
Changing the number of columns in bootstrap isn't a black magic. in mdb.css we don't build columns - they come from bootstrap.css, so if you want to customize your version of Bootstrap, you need to make some changes in Bootstrap's scss code. For the first, you need to get a scss code of Bootstrap. You can find all of the releases here: https://github.com/twbs/bootstrap/tags
- Please download the version that you'd like to use (I recommend to use the latest, currently 4.1.3) and unzip the archive
- Install dependencies (
npm ioryarn) - In
scss/_variables.scsschange$grid-columnsto16 - Run
npm run css-compileto compile updated scss code - Run
npm run css-minifyto minify your customized bootstrap.css file
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: All
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No
Tags
Related topics
Bartłomiej Malanowski staff pro premium commented 6 years ago
What have you tried so far?NunogBento pro commented 6 years ago
Changing the _custom-variables.scss, even the the core/bootstrap/_variables.scss