如何在Bootstrap指定区域固定图片尺寸，使其与页面其余区域尺寸一致

• 首先替换第一部分图片的父容器类：将原来的container类替换为container-fluid，同时给父容器加上p-0 m-0清除默认的内外边距，避免出现左右留白
• 给目标图片添加Bootstrap内置工具类w-100 vh-100，实现宽度占满全屏、高度占满整个视口的效果，同时新增一段自定义样式保证图片不变形：

.section-hero-img {
  object-fit: cover;
  object-position: center center;
}

• 其余内容区域如果要和该图片的尺寸对齐，统一使用container-fluid作为外层容器，不要混用container类，就能保证所有区域的宽度基准保持一致

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