Оба модальных всплывающих окна появляются при нажатии любой кнопки

Question

Я работаю в 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

Добавьте идентификатор модала, на который вы хотите настроить таргетинг.Прямо сейчас, ваш data-target атрибуты указывают на класс bs-modal-sm что применимо к обоим вашим модальностям.Попробуй data-target="#myModal" или data-target="#myModal2" по мере необходимости.

Вот демо-версия bootply: ссылка