Авторизация  
ZM

Всплывающее окно (очень просто)

Рекомендуемые сообщения

ZM

Интересная и простая реализация кнопкой с всплывающим окном и текстом внутри.

Просто вставьте данный текст на страницу вашего сайта а встроенный bootstrap сделает свое дело.

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

Ссылка на оригинальную статью и еще много чего интересного

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
komsit

Предложенный изначально вариант конфликтует с меню в мобильной версии сайта. На страницах, где размещаешь данное модальное окно, перестает работать меню в мобильной версии. Работает только после вызова модального окна, нажатием на кнопку.  Решилось подбором другого варианта на сайте  https://getbootstrap.com/docs/3.3/javascript/#modals

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
4 часа назад, komsit сказал:

Предложенный изначально вариант конфликтует с меню в мобильной версии сайта. На страницах, где размещаешь данное модальное окно, перестает работать меню в мобильной версии. Работает только после вызова модального окна, нажатием на кнопку.  Решилось подбором другого варианта на сайте  https://getbootstrap.com/docs/3.3/javascript/#modals

Спасибо за отзыв.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация