两个模态弹出窗口都显示在任一按钮上

Question

IM在Twitter-Bootstrap3中工作 - 单击按钮“mybtn”，使用ID=“myModal”的模态应该弹出，然后单击按钮“Mybtn2”，id=“mymodal2”的模态应该弹出。但是当我点击两个按钮中的任何一个时，它们的机器人弹出。我应该做什么？

签

<button id="mybtn2"  style="display:none;" 
    class="btn btn-primary btn-lg" href="#signup" data-toggle="modal" data-target=".bs-modal-sm">
      Sign In/Up
  </button>

<div class="modal fade bs-modal-sm" id="myModal"  tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm" >
//code
</div></div>

<div class="modal fade bs-modal-sm" id="myModal2"  tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm" >
//code
</div></div>

.

Answer 1

添加要定位的模态的ID。现在，您的data-target属性指向适用于您的模块的bs-modal-sm类。适当地尝试data-target="#myModal"或data-target="#myModal2"。

这是一个bootply演示： link