ASP.NET Core 8 MVC中如何正确引入Bootstrap Table组件？

方法一：用LibMan（优先推荐） #

LibMan是ASP.NET Core官方自带的前端库管理工具，能直接帮你把Bootstrap Table下载到项目里，步骤简单：

• 右键项目 → 「添加」→ 「客户端库」
• 在弹窗里：
  • 提供程序选cdnjs或jsDelivr
  • 搜索bootstrap-table，挑个稳定版本
  • 目标位置设为wwwroot/lib/bootstrap-table/（符合.NET静态文件目录规范）
• 点「安装」，工具会自动把需要的CSS、JS文件下载到指定目录

之后在视图（比如_Layout.cshtml或者具体页面）里引入资源：

<!-- 先引入Bootstrap依赖（Bootstrap Table必须依赖Bootstrap） -->
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
<script src="~/lib/jquery/jquery.min.js"></script>
<script src="~/lib/bootstrap/js/bootstrap.min.js"></script>

<!-- 引入Bootstrap Table核心文件 -->
<link rel="stylesheet" href="~/lib/bootstrap-table/css/bootstrap-table.min.css" />
<script src="~/lib/bootstrap-table/js/bootstrap-table.min.js"></script>
<!-- 要中文本地化的话，再加语言包 -->
<script src="~/lib/bootstrap-table/js/bootstrap-table-zh-CN.min.js"></script>

方法二：手动添加文件（解决你之前的失败问题） #

之前手动添加没成功，大概率是文件没选全或者路径没弄对，按下面步骤来：

1. 去Bootstrap Table官网下载完整发布包，解压后找到dist目录，里面有bootstrap-table.min.css和bootstrap-table.min.js
2. 自己在项目的wwwroot下建lib/bootstrap-table文件夹，把上面两个文件放进去；如果要中文，把locale目录下的中文语言包也复制过来
3. 按上面的代码在视图里引入，确保路径和你存放的位置一致

方法三：直接用CDN（快速测试用） #

不想下载到本地的话，直接用CDN链接，适合快速验证功能：

<!-- Bootstrap依赖 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Bootstrap Table核心文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.1/dist/bootstrap-table.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.1/dist/bootstrap-table.min.js"></script>
<!-- 中文语言包 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.1/dist/locale/bootstrap-table-zh-CN.min.js"></script>

注意：生产环境建议用固定版本号的CDN链接，避免版本更新引发兼容问题

内容的提问来源于stack exchange，提问作者Wiesław Śruta