如何在Bootstrap Studio中编辑Navbar组件的NavItem？

你不需要将组件转为HTML即可直接编辑，按以下优先级操作即可：

• 临时扩大视口展开导航
  拖动顶部预览窗的视口宽度滑块，调到≥992px的lg断点区间，导航栏会自动从折叠汉堡状态变为展开状态，此时直接双击对应导航项即可修改文本、链接等配置。
• 通过概述面板直接选中元素
  打开右侧边栏的「概述」面板，在DOM结构树中找到Navbar→Nav层级下对应的NavItem节点，点击选中后右侧「属性」面板会直接展示该导航项的所有可编辑参数，修改后即时生效，不需要展开导航栏。
• 解锁智能组件（如选中后属性灰化）
  如果上述操作后属性面板不可编辑，说明该模板的导航默认是绑定的智能组件，右键点击对应NavItem，选择「解锁智能组件」即可获得完整编辑权限。

注意：不要随意将内置组件转为自定义HTML，会丢失Bootstrap Studio的可视化配置能力，后续调整响应式属性、交互逻辑的成本会大幅提升。

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