Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Upgrading Angular application to Bootstrap 4.0.0

How can I upgrade my existing angular application to Bootstrap version 4.0.0.

I know it would be easy but I am looking for proper process to upgrade without facing much issues as I could see many stack overflows of Bootstrap 4.0.0 Stable bugs.

Thanks,

like image 667
Aakash Kumar Avatar asked Mar 27 '18 06:03

Aakash Kumar


People also ask

How to install bootstrap in Angular 4?

To install bootstrap in your Angular CLI application run below command in your project directory. npm install --save [email protected] For the latest stable version installation run below command npm install --save bootstrap

How to upgrade from ASP NET Core to Bootstrap 4?

Upgrade an ASP.NET Core Application to Bootstrap 4 1 Create a Sample Application. In case you want a project with Bootstrap 3 installed to play around with before attempting a production site the following command, run in a command ... 2 Upgrade Bootstrap Files. ... 3 Dealing with the Bootstrap Changes. ... 4 Wrapping Up. ...

What is the use of NGX-bootstrap in angular?

Bootstrap is a popular library for styling web pages. We can use it to style Angular apps easily with ready made Bootstrap components for Angular. ngx-bootstrap is one of the most popular Bootstrap library for Angular. We can use it to style our apps easily.

How easy is it to upgrade a bootstrap website?

In theory, upgrading should be easy, however in this case, the Bootstrap work had been outsourced to another company which had provided a single customised (pre-compiled) Bootstrap CSS file to be used for all styling in the application.


2 Answers

My take is:

  1. delete the node_modules folder (just in case)
  2. delete the bootstrap entries from the package.jsons
  3. npm i bootstrap to install bootstrap4
  4. install ng-bootstrap via the offical guide: npm install --save @ng-bootstrap/ng-bootstrap
like image 115
ForestG Avatar answered Oct 24 '22 21:10

ForestG


if you are using yarn

yarn upgrade bootstrap@latest
like image 38
Juri Avatar answered Oct 24 '22 21:10

Juri