Bootstrap 4 如何在bootstrap 4中使用响应映像？

我在bootstrap 4中使用了固定顶部标题。当转到移动视图时，导航图像显示大。。 这是我的密码

  <a class="nav-link"  data-toggle="dropdown" href="#profile">
     <img class="card-img-top rounded-circle float-left" src="img/photo300x300.jpg" alt="Card image" width="25" height="25" >
  </a>

请帮忙 如何在移动视图中显示小图像？

您可以在图像上使用“img流体”类，并在包装上指定宽度。图像将根据容器宽度调整大小

.abc{}