Самый простой способ создать модальное окно для одного изображения, которое изменяется с размером экрана?

Question

Я использую Bootstrap 3.3.7 и хочу знать, как реализовать модальное окно для одного изображения. Я пытаюсь использовать встроенный стиль только для упрощения процесса.

Answer 1

Кредит Как сделать Twitter bootstrap модальным полноэкранным , вы можете сделать это:

.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body">
    Image here
  </div>
</div>