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: MDB Vue Pro SCSS editable mode - Bootstrap dependency expectations

tyler-ec free asked 4 years ago


Hello,

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?

Thanks!


Mikołaj Smoleński staff answered 4 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 free commented 4 years ago

Thanks for the clarification!



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