MDB Vue Pro SCSS editable mode - Bootstrap dependency expect

Topic: MDB Vue Pro SCSS editable mode - Bootstrap dependency expectations

tyler-ec asked 2 years ago


I would like some clarification on the Bootstrap dependency for using MDB Pro in SCSS editable mode for Vue. The basic installation has a dependency on bootstrap-css-only and your getting started guide indicates to import the bootstrap css along with the mdb css.

However, in the SCSS editable mode section of your Getting Started doc it does not specify the dependency for bootstrap or an import statement. I see in the mdb folder that is created in the project it adds scss files that look to be bootstrap variable overrides in the mdb/mdbvue/scss/core/bootstrap folder. This leads me to believe I need to have the bootstrap npm package that will install the bootstrap scss files. And then import the bootstrap scss along with the mdb scss.

Is this assumption correct? Or should I be loading the bootstrap-css-only and importing the minified css file?


Mikołaj Smoleński staff answered 2 years ago

Hi there,

The SCSS editable mode applies only to MDB styles. Bootstrap css should be imported exactly like with the other modes (css-only in main.js file before mdb css/scss).

Best regards

tyler-ec commented 2 years ago

Thanks for the clarification!

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
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.3.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes