问题标签 [nav-pills]

我正在使用 Bootstrap 4 创建一个网站，对于我的导航栏，我正在为我的按钮使用药丸。我要解决的问题是，如果我在不同的选项卡上并刷新页面，它会跳回主页。对于那些使用标签而不是药片的人，我已经看到了许多解决方案。这是其他人通常为此类问题提供的我的代码片段：

如果你们中的一个人能帮助解决这个问题，将不胜感激......提前致谢！

我能够创建一个 Bootstrap4 Pills Nav，没问题。我要做的是捕获单击的下拉菜单项的单击

我已经尝试了至少 3 种不同的功能来捕获单击的菜单项的 href。只有一个对点击做出反应，但它对菜单点击做出反应，而不是对菜单项做出反应

任何帮助捕获单击的菜单项目的 href 表示赞赏。

在这里提琴

我正在使用 Bootstrap Pill Navigation (Bootstrap 4)。代码如下：

此代码在 localhost 上完美运行。但是当它上线时，链接不会重定向到相应的 ID。相反，该域仅显示为www.xyz.com/#(id)（单击相应链接时）并停留在初始视图（即主页选项卡）上。我是新手，所以不确定我哪里出错了！请帮忙！

药丸必须仅在笔记本电脑中右对齐并留在手机上，我的代码是：笔记本电脑 模式

电话模式

代码

我正在使用一个主导航菜单，然后是第二个导航菜单，所有这些的内容都在同一个 div 中。

一旦我进入页面，Profile默认情况下是活动的，这是正确的，然后我可以Test按预期输入，然后变为活动状态。

但是，一旦我同时单击Edit两者Edit，主导航菜单中的最后一个导航项就会处于活动状态。 Edit然后保持活动状态，尽管单击Profile或Test。这意味着我必须刷新页面以删除活动状态并Edit再次查看里面的内容。

关于这个结构有什么问题的任何建议？

关于 bootstrap-4 导航菜单，有人可以建议如何修复嵌套的子菜单，以便相应的内容 - “链接按钮 1”“链接按钮 2”等 - 显示在子菜单的右侧而不是子菜单下方？

我想在 Bootstrap5 中使用带有下拉菜单和选项卡的药丸。单击药丸中的下拉项时，我想显示相关选项卡。它有效，但只有一次。单击下拉菜单中的一项后变为主动，单击新项后，旧项不会变为被动。结果是没有项目可以点击。

这是codeply链接

我正在使用带有两个标签的 Bootstrap 药丸。我希望标签内容的容器具有不同的宽度。我不知道该怎么做。tab-content 设置两个宽度。我需要 tab1 容器的宽度为 600px，tab2 的宽度为 800px。

CSS：

有什么建议么？

我有两个导航药丸，我需要隐藏到一天中的某个时间，然后在同一天的晚些时候再次隐藏。然而，还有第三个导航药丸，它不应该受此影响并且始终可见。

我对此很陌生，所以不确定这是否有意义？