Bootstrap 5中div内页脚布局实现求助：无法达成预期效果

我尝试在HTML中使用Bootstrap 5实现预期布局，但未能成功，恳请大家协助：

预期效果 #

当前问题 #

目前仅对应预期效果的部分存在问题，当前实现效果如下：

解决方案建议 #

• 检查栅格结构：确认row和col-*类的嵌套是否合规，Bootstrap 5的栅格列必须放在row容器内，避免自定义宽度破坏栅格规则
• 调整Flex布局：如果是内容对齐问题，给父容器添加d-flex、align-items-center或justify-content-between等Flex工具类，确保元素垂直/水平对齐
• 图片适配优化：给图片添加img-fluid类实现自适应容器宽度，或用object-fit: cover属性控制图片裁剪显示方式
• 排查样式冲突：检查是否有自定义CSS覆盖了Bootstrap默认样式，比如margin、padding或display属性的冲突

如果能提供你的HTML代码片段，可以给出更精准的修改方案。

内容的提问来源于stack exchange，提问作者Leonardo Esquivel