Missing Mixins/Modules from Core Bootstrap

Topic: Missing Mixins/Modules from Core Bootstrap

webservices pro priority vip early access asked a week ago

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";

Grzegorz Bujański staff commented a week ago


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 pro priority vip early access commented a week 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 6 days 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.

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.19.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No