Recommended Bootstrap version for angular-bootstrap-md 7.5.1

Topic: Recommended Bootstrap version for angular-bootstrap-md 7.5.1

jim380 asked 6 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.

Add comment

Jordan answered 6 years ago

0 0 Best answer

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 commented 6 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.

Add comment

Arkadiusz Idzikowski staff answered 6 years ago

0 0 Best answer

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 commented 6 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.

Add comment

Damian Gemza staff answered 6 years ago