ASP.NET Core项目添加Partial View时遇Bootstrap版本错误的解决咨询

1. 移除Partial View内重复的Bootstrap引用 #

Partial View如果单独引入了Bootstrap的CSS/JS文件，会和主页面的版本产生冲突。直接打开你的Partial View文件，搜索并删除所有<link rel="stylesheet" href="*bootstrap*.css">或<script src="*bootstrap*.js">标签，统一由主布局页面加载Bootstrap资源。

2. 确认实际加载的Bootstrap版本 #

打开浏览器开发者工具（F12），切换到网络标签页，刷新页面后搜索bootstrap：

• 查看CSS/JS文件的响应内容，确认实际加载的版本是否和你预期的一致
• 如果加载的是旧版本，清理浏览器缓存（Ctrl+Shift+Delete），同时检查项目wwwroot/lib/bootstrap目录下的文件，替换为对应版本的资源，必要时重新通过NuGet或npm安装

3. 检查主布局的Bootstrap加载顺序 #

确保Bootstrap的加载顺序符合依赖要求：

<!-- 页面头部优先加载Bootstrap CSS -->
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />

<!-- 页面底部先加载jQuery，再加载Bootstrap JS -->
<script src="~/lib/jquery/jquery.min.js"></script>
<script src="~/lib/bootstrap/js/bootstrap.min.js"></script>

Partial View的内容会插入到主布局中，顺序错乱会导致组件渲染错误。

4. 修正Partial View的Bootstrap组件语法 #

Bootstrap不同版本的组件语法差异较大，比如v3的btn-default在v4中改为btn-secondary。对照当前使用的Bootstrap版本官方文档，把Partial View里的组件代码调整为对应版本的写法。

5. 清理并重建项目 #

右键项目选择清理，再选择生成，之后重启Visual Studio和IIS Express，避免项目缓存的旧资源导致版本不匹配。

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