Using Bootstrap and ng-bootstrap is good?

Question

I have two modules in my angular website , one is "bootstrap" and another one is "ng-bootstarp".

Does both modules are required , or any one is needed?

I am planning to keep only "ng-bootstarp" 4.0.0.0 and to remove "bootstrap"

Is this fine?

Also let me know the steps to remove "Bootstrap" ?

Can i just go ahead and delete the bootstrap from the ng_module folder or do i need to use any commands?

Answer 1

Don't delete it unless it's causing issues, Bootstrap is intended to be installed alongside ng-bootstrap.

Bootstrap is supposed to be installed when using ng-bootstrap, because ng-bootstrap relies on Bootstrap's CSS, but it replaces everything else that comes with Bootstrap, as you can see in their dependencies. The CSS is then set in your angular.json or imported into the main styles.css

That said, the non-CSS parts of Bootstrap are unused and could be deleted, but if you're using a package manger, e.g. NPM, this could cause issues when updating and you'll need to repeat this process each update.

As pointed out by @Eliseo, an alternative to using the normal Boostrap with everything included is to use bootstrap-only-css, which can be installed using NPM or Bower, details here. This isn't an official Boostrap distribution as far as I can tell, so keep that in mind.

TLDR: there's no good reason to delete Boostrap.