在同一个html文件可以同时使用两个bootstrap3折叠面板吗

可以在同一个 HTML 文件中同时使用多个 Bootstrap 3 折叠面板。只需要在每个折叠面板的 HTML 代码中指定一个唯一的 ID 即可，然后在点击折叠面板标题时，通过 `data-target` 属性来指定对应的 ID，从而展开或收起相应的折叠面板。

以下是一个同时使用两个 Bootstrap 3 折叠面板的示例代码：

<div class="panel-group" id="accordion1">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion1" href="#collapse1">
          折叠面板1
        </a>
      </h4>
    </div>
    <div id="collapse1" class="panel-collapse collapse">
      <div class="panel-body">
        折叠面板1的内容
      </div>
    </div>
  </div>
</div>

<div class="panel-group" id="accordion2">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
          折叠面板2
        </a>
      </h4>
    </div>
    <div id="collapse2" class="panel-collapse collapse">
      <div class="panel-body">
        折叠面板2的内容
      </div>
    </div>
  </div>
</div>

在上面的代码中，`accordion1` 和 `accordion2` 分别为两个折叠面板指定的 ID，而 `data-parent` 属性则指定了每个折叠面板所属的折叠面板组。这样，在点击任意一个折叠面板标题时，只会展开或收起该折叠面板，而不会影响其他折叠面板的状态。