Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Is my installation of the pro package correct?

Brainformance free asked 5 years ago


Hi there,

just purchased the pro version. After installing with npm my package.json looks like this:

{
  "devDependencies": {
    "bootstrap": "^4.2.1",
  },
  "dependencies": {
    "bootstrap-material-design": "^4.1.1",
    "jquery": "^3.3.1",
    "mdbootstrap-pro": "git+https://oauth2:TOKEN@git.mdbootstrap.com/mdb/jquery/jq-pro.git",
  }
}

My simple question: Do I still have to require basic bootstrap in the dev dependencies and do I still have to require bootstrap-material-design free? Because it looks like within the mdbootstrap-pro package everything is included, also the free version?


Brainformance free answered 5 years ago


It looks like you do not have the SCSS files for Bootstrap and Bootstrap material design in your package? If I compile bootstrap SCSS myself (because altering bunch of variables) - then I have to require it seperatly, right?

Also referring to this question: https://mdbootstrap.com/support/general/question-about-sass-modularity/

My problem is that I do not want to do unecessary imports. Currently I am doing like this:

// this is where we override the Bootstrap and the Bootstrap Material Design variables
@import "variables_bootstrap";
@import "variables_mdb";

// This import is importing bootstrap including bootstrap material design
@import "../../../../node_modules/bootstrap-material-design/scss/core";

// Import MDB Pro - from node_modules/mdbootstrap-pro/scss/mdb.scss

// Bootstrap
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/functions";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/variables";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/bootstrap/rfs";

// CORE
@import "../../../../node_modules/mdbootstrap-pro/scss/core/mixins";
// Your custom variables
@import "../../../../node_modules/mdbootstrap-pro/scss/custom-variables";
@import "../../../../node_modules/mdbootstrap-pro/scss/core/colors";
// ... and so on


I think it's totally up to you. Our package always contains a version of Bootstrap that "fits" the version of MDB that you're using. If you wish to install the dependencies separately, feel free to do that, but please keep in mind that version of Bootstrap, jQuery, and Popper should be the same as in our package



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Any
  • Browser: Any
  • OS: Linux
  • Provided sample code: No
  • Provided link: No