Topic: Missing Mixins/Modules from Core Bootstrap
Expected behavior
_mixins.scss should have all Bootstrap mixins or there should be separate mixin files (e.g. _grid-framework.scss) to import.
Actual behavior
Mixins and utilities for layout (e.g. mixins/grid or mixins/breakpoints) seems to be missing from core bootstrap that is included with MDB.
Resources (screenshots, code snippets etc.)
Here is an example of what was used before implementing MDB. It seems this is missing from MDB.
@import "../../../node_modules/bootstrap/scss/mixins/breakpoints";
@import "../../../node_modules/bootstrap/scss/mixins/grid-framework";
@import "../../../node_modules/bootstrap/scss/mixins/grid";
@import "../../../node_modules/bootstrap/scss/grid";
@import "../../../node_modules/bootstrap/scss/utilities/display";
@import "../../../node_modules/bootstrap/scss/utilities/flex";
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
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
Grzegorz Bujański staff commented 3 years ago
Hi.
Are any styles not working for you? For MDB, you do not need to import these modules separately. Just import
src/scss/mdb-pro.scss. in our package, most of the bootstrap files have been merged into one file.webservices priority commented 3 years ago
Thanks for the info. After digging around, I think have a better understanding how MDB is setup.
Let me know if I am understanding this correctly...
MDB does not replace Bootstrap modules? Instead, MDB loads bootstrap and then overrides it? I am not loading all of Bootstrap or all of MDB. I am only loading what I need. So, for example, if I want to use Buttons I would need to use Bootstrap's JS and Sass and then also use MDB's JS and Sass?
Grzegorz Bujański staff commented 3 years ago
Yes. When creating MDB, we load bootstrap styles and js, then add our js and SCSS code and overwrite/add styles and add additional functionality.