使用bootstrap添加了可点击的弹出窗口，但每个弹出窗口都是相同的

使用Bootstrap添加可点击的弹出窗口时，每个弹出窗口都是相同的是因为没有为每个弹出窗口设置唯一的标识符或目标。为了解决这个问题，可以通过为每个弹出窗口设置不同的标识符或目标来确保它们是唯一的。

在Bootstrap中，可以使用以下步骤来实现这一点：

为每个弹出窗口添加唯一的标识符或目标。可以使用HTML的id属性来为每个弹出窗口设置唯一的标识符。例如：

<button type="button" data-toggle="modal" data-target="#myModal1">弹出窗口1</button>
<button type="button" data-toggle="modal" data-target="#myModal2">弹出窗口2</button>

创建每个弹出窗口的内容。可以使用Bootstrap的模态框（Modal）组件来创建弹出窗口的内容。例如：

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel1">弹出窗口1</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        弹出窗口1的内容...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel2">弹出窗口2</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
        弹出窗口2的内容...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>