如何修复这里的画廊？

Question

我正在尝试使用 Aria 模板，这是一个由 Bootstrap 制作的免费模板。
我正在尝试使用没有文字的画廊。现在，当我从灯箱中删除文本时，白色背景仍然出现。 我只想要没有文字的带关闭按钮的图片。

这里是图库的演示代码

  <div class="element-item development">
          <a class="popup-with-move-anim" href="#project-1">
            <div class="element-item-overlay"><span></span></div>
            <img src="images/project-1.jpg" alt="alternative">
          </a>
        </div>

这是主题Click here

Answer 1

您必须删除 col-lg-4 整个标签并将 col-lg-8 替换为 col-lg-12 并将 class img-fluid 更改为 w-100

勾选 link

<div class="row">
            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
            <div class="col-lg-12">
                <img class="w-100" src="images/project-1.jpg" alt="alternative">
            </div> <!-- end of col -->
           
        </div>

如何修复这里的画廊？

how to fix the gallery here?

css

jquery

gallery

bootstrap-4