Topic: Missing Mixins/Modules from Core Bootstrap

webservices priority asked 3 years 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 3 years 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 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.

Please insert min. 20 characters.


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



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