带有模态的Bootstrap站点在完全加载之前不会出现吗？

Question

我当前正在使用此Bootstrap模板： Bootstrap Agency Template

模板使用模态，并且在所有内容完全加载之前不会在页面上显示任何内容。 （空白页，直到所有图像都加载完毕。）

我正在寻找一种方法，以防止在单击模式之前加载模态内的图像。我想减少加载时间。

在此先感谢您的帮助。

<div class="col-md-3 col-sm-4 portfolio-item">
        <a class="portfolio-link" data-toggle="modal" href="#logo">
          <div class="portfolio-hover">
            <div class="portfolio-hover-content">

            </div>
          </div>
          <img class="img-fluid" src="img/logo-t.jpg" alt="">
        </a>

      </div>


 <!-- Modal 5 -->
<div class="portfolio-modal modal fade" id="logo" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl"></div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <div class="modal-body">
              <!-- Project Details Go Here -->

              <img class="img-fluid d-block mx-auto" src="img/logos.jpg" alt="">

              <button class="btn btn-primary" data-dismiss="modal" type="button">
                <i class="fas fa-times"></i>
                Close Project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>