Bootstrap 是一个流行的前端框架，它提供了一系列的组件和工具，方便我们进行页面布局和设计。其中，表格是常用的数据展示组件之一。有时候我们需要将表格的某些行进行折叠，以减少页面的复杂度和混乱程度，提升用户体验。那么，在 Bootstrap 中如何实现表格行的折叠呢？本文将详细介绍。
1. 使用 Collapse 插件
Bootstrap 提供了 Collapse 插件，用于实现内容的折叠和展开效果。我们可以将这个插件应用到表格中的行上，从而实现行级别的折叠效果。具体实现步骤如下：
（1）引入相关的样式和脚本文件
在 HTML 文件中引入 Bootstrap 的 CSS 和 JavaScript 文件，以及 jQuery 库和 Collapse 插件的 JavaScript 文件。具体代码如下：
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.6.0/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
（2）编写表格代码
在 HTML 文件中编写表格代码，并为要折叠的行添加相应的类名和 data 属性。具体代码如下：
-- -------------------- ---- -------
------ --------------
-------
----
--- ------------------
--- ----------------------
--- ---------------------
--- -----------------------
-----
--------
-------
--- ---------------------- ---------------------
--- ------------------
-------------
-------------
-------------
-----
--- ---------- -----------------
--- ---------------------------
-----
--- ---------------------- ---------------------
--- ------------------
--------------
-----------------
-------------
-----
--- ---------- -----------------
--- ---------------------------
-----
--------
--------在上面的代码中，我们为第一行和第二行都添加了 data-toggle 和 data-target 属性。data-toggle 属性告诉 Bootstrap 这是一个可折叠的元素，而 data-target 属性则指定了要折叠的目标元素。在这里，我们将要折叠的元素（即第二行）的 ID 设置为 demo1 和 demo2，并将 data-target 的值设置为这个 ID。
（3）初始化 Collapse 插件
在 JavaScript 文件中添加以下代码，用于初始化 Collapse 插件：
$('.collapse').collapse()这样就完成了行级别的折叠效果。当用户点击第一行或第二行时，对应的内容就会展开或折叠。
2. 示例代码
下面是一个完整的示例代码，你可以将其复制到 HTML 文件中运行测试：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------------- ----- ---------------- ----- ---------------- -------------------------------------------------------------------------------- ------- --------------------------------------------------------------------- ------- -------------------------------------------------------------------------------------- ------- ------ ------ -------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------