Bootstrap 5媒体对象调整后，其组件位置有何变化？

本文共计888个文字，预计阅读时间需要4分钟。

在Bootstrap 5中，`class`属性并非浏览器缓存问题，而是因为Bootstrap 5中已经移除了相关的组件条目。在官方文档中，已经明确指出这一点。与Bootstrap 4不同，Bootstrap 5中不再使用`img-responsive`类来控制图片的响应式显示。在Bootstrap 5中，图片的响应式显示是通过CSS实现的，而不是通过添加特定的类名。如果你是从v3或v4升级过来，需要注意这一点，因为页面上的`img-responsive`类将不再起作用。

用 d-flex + gap 替代最稳妥

官方推荐路径是 Flexbox 工具类组合，核心就是 d-flex + align-items-start + gap-3。