VS2022(v17.6.5)：.NET6 MVC项目NuGet安装Bootstrap后CSS引用问题

一、正确引用NuGet版Bootstrap #

安装Bootstrap NuGet包后，无需手动复制文件到wwwroot，.NET 6+的**静态Web资产(Static Web Assets)**会自动托管NuGet包内的资源，直接用以下路径引用即可：

• CSS：

<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />

• JS（包含Popper依赖的完整版）：

<script src="~/lib/bootstrap/js/bootstrap.bundle.min.js"></script>

注意路径是~/lib/bootstrap/开头，而非直接~/css/——NuGet包的资源默认映射到这个虚拟目录下，物理文件不需要出现在你的项目wwwroot里。

二、解决"重复资产"错误 #

你遇到的错误是因为手动复制Bootstrap文件到wwwroot/css后，和NuGet包提供的静态资产路径冲突了，两者都指向css/bootstrap-grid.css，导致编译器报错。解决步骤：

• 删除你手动添加到wwwroot下的所有Bootstrap相关文件（包括css、js目录里的Bootstrap文件）
• 保留NuGet包，重新编译运行项目即可，静态Web资产会自动加载NuGet中的资源。

内容的提问来源于stack exchange，提问作者sTx