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!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Recommended Bootstrap version for angular-bootstrap-md 7.5.1

jim380 free asked 5 years ago

re: title, what would be a recommended Bootstrap version for angular-bootstrap-md 7.5.1? I tested with Bootstrap 4.3.1 and noticed styling of many components weren't working properly.

Damian Gemza staff answered 5 years ago

Dear @jim380

Please provide us with the code which causes you problem with styling - we want to debug it, and check, where the problem is.

And also please describe those problems (screenshots would be appreciated).

Best Regards,

Damian

Arkadiusz Idzikowski staff answered 5 years ago

We use Bootstrap 4.3.1 in MDB Angular 7.5.1 version.

@jim380 could you provide more information about the problems with styles?

jim380 free commented 5 years ago

I've added the style sheets as instructed in the tutorial, and for the most part they work. The issue was that some elements in a template didn't seem to get styled correctly, especially text.

Jordan free answered 5 years ago

MDB Pro comes with recommended Bootstrap. If you look at the quickstart guide (https://mdbootstrap.com/docs/angular/getting-started/quick-start/) on the Pro tab, you can see the Bootstrap import from the parent package.

"styles": [ "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss", "node_modules/@fortawesome/fontawesome-free/scss/solid.scss", "node_modules/@fortawesome/fontawesome-free/scss/regular.scss", "node_modules/@fortawesome/fontawesome-free/scss/brands.scss", "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss", "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss", "src/styles.scss" ],

Jordan free commented 5 years ago

NOTE:It is possible to install Bootstrap from npm package. Just type npm install bootstrap --save.

Using Bootstrap from npm requires to change location of bootstrap.scss file in angular.json file from "node_modules/ng-mdb-pro/scss/bootstrap/bootstrap.scss to "node_modules/bootstrap/scss/bootstrap.scss.
Write
Create snippet
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 Angular
  • MDB Version: 7.5.0
  • Device: amd64
  • Browser: Chrome
  • OS: Linux Mint 19.1 Cinnamon
  • Provided sample code: No
  • Provided link: No
Tags
bootstrap
About author
jim380
15Support score
3Questions 0Answers 0Snippets