"img-fluid" 是 Bootstrap 前端框架中的一个 CSS 类(class),用于使图片元素 (img) 在响应式布局中自适应其父容器的宽度。
当一个图片元素使用 "img-fluid" 类时,它将会自动调整自身的宽度,以便适应其父容器的宽度变化。这样可以使图片在不同尺寸的设备上呈现出更好的响应式效果。
具体来说,"img-fluid" 类会将图片的 max-width 属性设置为 100%,这样图片就可以随着其父容器的宽度自动缩放。同时,它还会将图片的 height 属性设置为 "auto",这样可以保持图片的纵横比例不变。
因此,如果您正在使用 Bootstrap 框架并希望使您的图片元素具有响应式的特性,可以考虑使用 "img-fluid" 类。