图像周围的永久性装订线-如何删除？

Question

我正在使用Bootstrap 4.3.1，并已阅读了对此问题的先前答复，但是图像周围仍然存在空间。

我是Bootstrap的新手，在此之前只有html经验。

我想念什么？

<main class="bd-masthead" id="content" role="main">
  <div class="container-fluid">
    <div class="row no-gutters align-items-center">
      <div class="col no-gutters">
        <a href="profile001.html">
          <img class="img-responsive" src="https://placekitten.com/200/140" style="width:100%" alt="profile Wu">
        </a>
      </div>
      <div class="col no-gutters">
          <a href="profile002.html">
            <img class="img-responsive" src="https://placekitten.com/200/140" style="width:100%" alt="profile Lin">
          </a>
        </div>
        <div class="col no-gutters">
            <a href="profile002.html">
              <img class="img-responsive" src="https://placekitten.com/200/140" style="width:100%" alt="profile Liu">
            </a>
          </div>
    </div>
  </div>
</main>