Javascript 引导药丸内容不会消失

我正在使用bootstrap的pill导航栏，出于某种原因，一旦我添加了代码，其中包含在STEMuli选项卡上给netflix一种感觉的磁贴，导航栏将不再在转到其他选项卡时删除内容。它实际上会直接在下面添加下一个选项卡信息。我以为我丢失了一些div标记，但我删除了一些代码并重新构建它以进行双重检查，div标记签出。我不确定这是什么原因造成的？因为当我在实际代码中删除STEMuli选项卡中的内容并添加一些纯文本时，即使我添加了一行，它也可以正常工作……我被卡住了，请帮助

.popover头{ 颜色：000000； } 划船{ 溢出：隐藏； } .标志{ z指数：0； } .行{ 溢出：滚动； 宽度：100%； z指数：1； } .row_uu内部{ -webkit转换：450ms-webkit转换； 转换：450ms-webkit转换； 转换：450ms转换； 转换：450ms转换，450ms-webkit转换； 字号：0； 空白：nowrap； 利润率：50px0； 填充底部：30px； 填充底部：30px； } .瓷砖{ 位置：相对位置； 显示：内联块； 宽度：250px； 高度：250px； 右边距：10px； 左边距：50像素； 字体大小：20px； 光标：指针； -webkit转换：450ms全部； 过渡：450ms全部； -webkit变换原点：左中； 变换原点：左中； } .tile\uu img{ 宽度：250px； 高度：250px； -o-对象配合：盖； 对象匹配：覆盖； } .瓷砖详细信息{ 位置：绝对位置； 底部：0； 左：0； 右：0； 排名：0； 字体大小：10px； 不透明度：0； 背景：-webkit gradientlinear，左下，左上，来自RGBA0,0,0.9，torgba0,0,0,0； 背景：顶部线性梯度，rgba0,0,0,0.90%，rgba0,0,0,100%； -webkit转换：450ms不透明度； 过渡：450ms不透明度； } .tile_____详情：之后， .tile\uuu详细信息：之前{ 内容：； 位置：绝对位置； 最高：50%； 左：50%； 显示:000 ;； } .tile\uuu详细信息：之前{ 左：0； 宽度：100%； 字体大小：30px； 左边距：7px； 利润上限：-18px； 文本对齐：居中； z指数：2； } .tile:hover.tile\u详细信息{ 不透明度：1； } .tile___标题{ 位置：绝对位置； 底部：0； 填充：10px； } .行\内部：悬停{ -webkit转换：translate3d-62.5px，0，0； 变换：translate3d-62.5px，0，0； } .row\uu-inner:悬停.tile{ 不透明度：0.3； } .row\uuu内部：悬停。磁贴：悬停{ -webkit转换：scale1.5； 转换：scale1.5； 不透明度：1； } .tile:悬停~.tile{ -webkit转换：translate3d125px，0，0； 变换：translate3d125px，0，0； } a:悬停{ 颜色：F1D302； } .复选框包装{ 高度：13px； 宽度：13px； } .btn{ 背景色：F1D302； } 身体{ 字体系列：“Rubik”，无衬线； } .卡img top{ 高度：300px； 宽度：100%； } .btn xlong{ 填充：10px 50px； 字体大小：22px； 线高：正常； -webkit边界半径：10px； -moz边界半径：10px； 边界半径：10px； } .步骤-表格-3{ 宽度：2倍； 高度：470px； 位置：相对；} .步骤-form-3.步骤-row-3{ 显示：-网络工具包盒； 显示：-webkit flex； 显示：-ms flexbox； 显示器：flex； -webkit框对齐：居中； -webkit对齐项目：居中； -ms-flex-align：居中； 对齐项目：居中； -网络工具包盒方向：垂直； -webkit盒方向：正常； -webkit柔性方向：列； -ms-flex方向：列； 伸缩方向：列；} .步骤-form-3.步骤-row-3:之前{ 顶部：14px； 底部：0； 位置：绝对位置； 内容：； 宽度：2倍； 身高：100%； 背景色：7283a7；} .步骤-form-3.步骤-row-3.步骤-steps-3{ 高度：150像素； 显示：-网络工具包盒； 显示：-webkit flex； 显示：-ms flexbox； 显示器：flex； 文本对齐：居中； 位置：相对；} .steps-form-3.steps-row-3.steps-step-3.无高度{ 高度：50px；} .步骤-form-3.步骤-row-3.步骤-steps-3 p{ 页边距顶部：0.5rem；} .steps-form-3.steps-row-3.steps-step-3按钮[禁用]{ 不透明度：1！重要； 过滤器：alphaopacity=100！重要；} .步骤-form-3.步骤-row-3.步骤-steps-3.btn-circle-3{ 宽度：60px； 高度：60px； 边框：2个实心59698D； 背景色：白色！重要； 颜色：59698D！重要； 边界半径：50%； 填充：18px 18px 15px 15px； 页边距顶部：-22px；} .steps-form-3.steps-row-3.steps-step-3.btn-circle-3：悬停{ 边框：2个实心4285F4； 颜色：4285F4！重要； 背景色：白色！重要；} .steps-form-3.steps-row-3.steps-step-3.btn-circle-3.fa{ 字体大小：1.7rem；} ：-webkit滚动条{ 宽度：0px； 高度：5px； 背景色：161925； } ：-webkit滚动条拇指{ 背景色：F1D302； 边界半径：10px； 博 x阴影：插入0 0 6px rgba0,0,0,3； } .间距{ 填充：6px； } /*此css文件定义了所有网页的颜色方案和字体，以便导入到每个新网页中*/ 身体{ 字体系列：“Rubik”，无衬线； 背景色：9E2B25； 颜色：FDFFFC； } h4{ 颜色：FDFFFC； } .按钮{ 背景色：0267C1； } .nav药丸。nav-link。激活 { 背景色：0267c1； } h3{ 颜色：ffffff； } 卡迪姆 { 高度：300px； } 斯特穆利 作用{ “[data toggle=popover]”。popover } 信用 指望它 借用基础知识 保持安全 过来看 你自己的家 你好吗 . $function{ $'[data toggle=popover]'。popover }

---

你有很多无效的HTML标记，在某个地方有未关闭的标记，在正文前有一个未知的标记，一个未关闭的标记 信用 你好吗 . $function{ $'[data toggle=popover]'。popover }

---

感谢您的反馈，它帮助了很多！是否有工具帮助我识别未闭合的标签？或者仅仅是一个暴力的问题吗？@wadeston你应该使用一些类似atom的编辑器，这些编辑器可以帮助你快速识别