Ambas ventanas emergentes modales aparecen al hacer clic en cualquiera de los botones

Question

Estoy trabajando en twitter-bootstrap3. Al hacer clic en el botón "mybtn", debería aparecer el modal con id="myModal" y al hacer clic en el botón "mybtn2", debería aparecer el modal con id="myModal2".Pero cuando hago clic en cualquiera de los dos botones, ambos aparecen. ¿Qué debo hacer?

Iniciar sesión/Registrarse

<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

Agregue el ID del modal al que desea dirigirse.Ahora mismo, tu data-target Los atributos apuntan a la clase de bs-modal-sm que se aplica a AMBOS modales.Intentar data-target="#myModal" o data-target="#myModal2" según sea apropiado.

Aquí hay una demostración de arranque: enlace