Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Upgrading Angular application to Bootstrap 4.0.0

Tags:

angular

bootstrap-4

angular-ui-bootstrap

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
Sign in to Comment

Related questions

Property 'Draw' does not exist on type 'typeof Control'
Angular2: Convert XML to JSON
Angular2 - How to create a simple table
Angular 2 Get width of a div
How to change default favicon icon in angular 2 app?
Ionic 3 - All imports are unused warning (even though they are being used)
Angular 4.3 Interceptors - How to use?
Conditionally toggle class in angular 2
angular 4 with bootstrap 4 data-table
angular2 toaster - No Toaster Containers have been initialized to receive toasts
Why use ViewContainerRef over *ngif?
Angular 4.3: Getting an arraybuffer with new HttpClient
agm markers not rendering from ngfor
Angular Material: Input with hint text and error text at the same time
Angular sending token with get (and other) requests
ngOnChanges not called in Angular 4 unit test detectChanges()
Coordinates on clickevent
Focus input after going to the next step in MatStepper
Azure CDN with Verizon - Rewriting URL to always load index.html
Angular 5 download excel file with post request

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!