Les deux fenêtres contextuelles modales apparaissent en cliquant sur l'un ou l'autre bouton

Question

Je travaille sur Twitter-bootstrap3. En cliquant sur le bouton "mybtn", le modal avec id="myModal" devrait apparaître et en cliquant sur le bouton "mybtn2", le modal avec id="myModal2" devrait apparaître.Mais lorsque je clique sur l'un des deux boutons, le bot apparaît. Que dois-je faire ?

Connexion/Inscription

<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

Ajoutez l'ID du modal que vous souhaitez cibler.En ce moment, votre data-target les attributs pointent vers la classe de bs-modal-sm qui s'applique aux DEUX de vos modaux.Essayer data-target="#myModal" ou data-target="#myModal2" le cas échéant.

Voici une démo bootply : lien