为何代码中的nav-link类会导致菜单项消失？

• 排查CSS样式异常
  打开浏览器开发者工具（按F12）选中这个“dummy item3”元素，重点核对这些样式：

  • 是否设置了display: none、visibility: hidden或opacity: 0直接隐藏元素
  • 是不是height/width被设为0，或是父元素加了overflow: hidden把它遮挡
  • 检查z-index值是否低于其他导航元素，被上层元素覆盖
  • 确认文字颜色和导航栏背景色是否完全一致，导致视觉上“隐身”

• 如果使用Bootstrap框架
  若你的导航栏基于Bootstrap，多检查这几点：

  • 该菜单项是否在collapse折叠容器内，但容器未添加show类，导致折叠隐藏
  • 有没有误给元素加上d-none、invisible这类Bootstrap自带的隐藏类
  • 核对导航栏布局类（比如navbar-nav）的嵌套是否正确，有没有层级错误导致样式继承异常

• 检查HTML结构
  查看“dummy item3”的HTML标签是否存在问题：

  • 是否嵌套到错误的父元素中，继承了父元素的隐藏属性
  • 标签有没有未闭合的情况，导致DOM结构错乱，元素被挤到可视区域外

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