如何在 Asp.net core 2.0 mvc 项目中将 Bootstrap v3.3.7 更新为 v4.0.0 beta2？

【问题标题】：How to update Bootstrap v3.3.7 to v4.0.0 beta2 in Asp.net core 2.0 mvc project?如何在 Asp.net core 2.0 mvc 项目中将 Bootstrap v3.3.7 更新为 v4.0.0 beta2？
【发布时间】：2025-12-27 12:55:11
【问题描述】：

我想知道在 Asp.net core 2.0 mvc 项目中将 Bootstrap v3.3.7 更新到 v.4.0.0 beta-2 的过程是什么。

【问题讨论】：

其中一个步骤是阅读从 bootstrap 3 到 v4 的迁移说明：getbootstrap.com/docs/4.0/migration
除了实际将 Bootstrap 从 3 更新到 4（使用 bower 等），您需要手动将 Bootstrap 3 的所有功能/用法更改为 4。例如，此 <li>@Html.ActionLink("Home", "Index", "Home")</li> 更改为<li class="nav-item">@Html.ActionLink("Home", "Index", "Home", null, htmlAttributes: new Dictionary<string, object> { { "class", "nav-link" } })</li>

标签： visual-studio-2017 bootstrap-4 asp.net-core-2.0

【解决方案1】：

按照 bootstrap 4.0.0 beta.3 版本的步骤进行操作。很可能其他版本也可以使用。

打开 Node.js 控制台
package.json 所在项目的 Cd 路径
运行命令npm install popper.js --save
运行命令npm install bootstrap@4.0.0-beta.3
webpack --config webpack.config.vendor.js - 更新 vendor.js 和 vendor.css 文件。
重建项目并测试它。如果它不起作用，请在 VS 包管理器控制台中运行 Install-Package bootstrap -Pre。

准备好样式将不再起作用。由于引导程序发生巨大变化，项目将无法启动。

希望它会有所帮助。

【讨论】：