如何在这里修复画廊？

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 并将类 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>