Bootstrap技能logo图片网格第二行布局异常问题求助

代码存在两个核心错误：

• 第一行的.row容器缺少闭合标签</div>，导致第二行的.row被嵌套进了第一行的.row内部，网格层级结构错乱，最终触发第二行元素居中聚集的异常表现
• 两个.row使用了重复的id值skills__first-row，不符合HTML id唯一的规范，后续如果绑定样式或JS逻辑会出现异常

按照Bootstrap网格规范调整代码结构即可，修正后的代码如下：

<!-- 第一行 -->
<div class="row d-flex justify-content-center align-items-center" id="skills__first-row">
    <div class="col-md-4 skills__item">
      <img src="./images/html5-logo.png" alt="HTML5 logo" class="img-fluid" id="html__logo">
    </div>
    <div class="col-md-4 skills__item">
      <img src="./images/css3-logo.png" alt="CSS3 logo" class="img-fluid" id="css__logo">
    </div>
    <div class="col-md-4 skills__item">
      <img src="./images/js-logo.png" alt="JavaScript logo" class="img-fluid" id="js__logo"> 
    </div>
</div> <!-- 补充第一行row的闭合标签 -->
<!-- 第二行 -->
<div class="row d-flex justify-content-center align-items-center" id="skills__second-row"> <!-- 修改重复id -->
    <div class="col-md-4 skills__item">
      <img src="./images/html5-logo.png" alt="HTML5 logo" class="img-fluid">
    </div>
    <div class="col-md-4 skills__item">
      <img src="./images/css3-logo.png" alt="CSS3 logo" class="img-fluid">
    </div>
    <div class="col-md-4 skills__item">
      <img src="./images/js-logo.png" alt="JavaScript logo" class="img-fluid"> 
    </div>
</div>

额外优化提示：同一页面内img元素的id也需要保持唯一，第二行的三个图片如果没有特殊绑定需求可以去掉重复的id属性。

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