Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to update Bootstrap v3.3.7 to v4.0.0 beta2 in Asp.net core 2.0 mvc project?

I am wondering what is the process to update Bootstrap v3.3.7 to v.4.0.0 beta-2 in Asp.net core 2.0 mvc project.

enter image description here

like image 249
Rajib Kumar Bhowmik Avatar asked Dec 27 '17 01:12

Rajib Kumar Bhowmik


People also ask

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

How can I update a project created in vs2019 to Bootstrap 4?

How can I update a project created in VS2019 for ASP.NET web forms using .Net Framework 4.7 to use bootstrap 4. VS won't allow me to upgrade from 3.4.1. Please Sign up or sign in to vote. In Visual Studio 2019. Open your web forms project. go to References (in solution explorer). Right click references... Select Manage Nuget Packages...

How to update bootstrap version in web forms?

Open your web forms project. go to References (in solution explorer). Right click references... Select Manage Nuget Packages... It shows Bootstrap 3.4.1. You will have to select version 4.5.3 of bootstrap on the right side you can select [Update] button.

How to migrate from Bootstrap version 3 to 4?

How to Migrate from Bootstrap Version 3 to 4 1 Video Tutorial 2 Global Changes. Switch from Less to Sass for the source CSS files. Switched from px to rem as the primary CSS unit. ... 3 Bootstrap Source Code. Bootstrap 3 source code includes the precompiled CSS, JavaScript, and font assets, along with source Less, JavaScript, and documentation.


1 Answers

follow steps for bootstrap 4.0.0 beta.3 version. Most probably for other versions also will work.

  1. Open Node.js Console
  2. Cd Path to your project where package.json is located
  3. run command npm install popper.js --save
  4. run command npm install [email protected]
  5. webpack --config webpack.config.vendor.js - update vendor.js and vendor.css files.
  6. rebuild project and test it. If it will not work also run Install-Package bootstrap -Pre in VS Package Manager Console.

Be prepared that styles will not work anymore. And project will not launch due huge changes in bootstrap.

Hope it will help.

like image 139
Igor Lashchenko Avatar answered Oct 18 '22 16:10

Igor Lashchenko