页面中有多个bootstrap模态框时出现滚动问题。

当页面中有多个Bootstrap模态框时，可能会出现滚动问题。这是因为每个模态框都设置了overflow: hidden样式，以防止页面在打开模态框时出现滚动。

要解决这个问题，可以通过修改Bootstrap模态框的样式来解决。我们可以使用自定义的CSS样式来覆盖默认样式，以允许页面滚动。

以下是一个示例代码，展示了如何解决这个问题：

HTML代码：

<!-- 第一个模态框 -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal1">
  打开第一个模态框
</button>

<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1Label" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal1Label">第一个模态框</h5>
      </div>
      <div class="modal-body">
        <!-- 模态框内容 -->
      </div>
    </div>
  </div>
</div>

<!-- 第二个模态框 -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal2">
  打开第二个模态框
</button>

<div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="modal2Label" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modal2Label">第二个模态框</h5>
      </div>
      <div class="modal-body">
        <!-- 模态框内容 -->
      </div>
    </div>
  </div>
</div>

CSS代码：

.modal-open {
  overflow: auto !important;
}

在上面的代码中，我们使用了.modal-open选择器来覆盖了默认的overflow: hidden样式，并设置为overflow: auto，以允许页面滚动。

通过将上述CSS代码添加到你的样式表中，就可以解决页面中有多个Bootstrap模态框时出现的滚动问题。