Angular Material and Bootstrap 4

For a rather large Angular project (7.2.10), I use the Angular Material components as well. As you may probably know this library does not provide out of the box a good layout system, CSS reset and utilities...

So why not include these elements from the Bootstrap 4 framework ?

I'll show you how you can add parts of the Bootstrap to your Angular project.

Add Bootstrap to package.json

You first need to include the Bootstrap to your dependencies : npm install bootstrap --save

Add Bootstrap parts to the global stylesheet (src/style.scss)



When adding the Reboot, we have to fix some issues by including :
  • src/_variables.scss
  • src/_reset.scss


Thanks...

Comments

Popular posts from this blog

Spring JPA : Using Specification with Projection

Chip input using Reactive Form