Twitter bootstrap 映像未调整大小-引导4，Rails 5

这让我有点发疯。我正在使用bootstrap 4 class

.img fluid

，它应该会使图像响应父对象

我正在使用rails

image\u标记

调用一个文件名路径，它是存储在我的postgres db中的一个字段。图像显示得很好，但在手机上查看时无法正确调整大小

---

使用标准html调用图像是否会有所不同？当然，我需要更改我的db字段，但这是可行的。

您需要将类传递给映像本身，而不是包含它的div。

img fluid类使用父级全宽：

.img-fluid {
  max-width: 100%;
  height: auto;
}

因此，您必须向图像本身添加

.img fluid

类：

<div>
  <%= image_tag(@coffeeshop.image_path, class: 'img-fluid') %>
</div>