问题标签 [nav-pills]

如果我做了一些愚蠢的事情，我预先道歉，我还在学习。

所以使用 AngularJS，在我的一个观点中，我使用了药丸（不是作为导航）

有 3 个药丸，其中 2 个似乎显示正确的东西，但活性药丸同时显示所有 3 个东西，我需要修复。我在这里和引导网站上环顾四周。我将所有药丸位更改为选项卡，例如“选项卡窗格”，我还尝试将 href 部分更改为数据目标，但无济于事。有人能指出我正确的方向吗？这是视图html。（我目前对图像使用轮播，并且最终将使用音频和视频播放列表，但现在我在音频和视频部分编写纯文本只是为了查看它们的最终位置。我还使用指令来保持它更清洁。轮播工作正常。）

这是活跃专辑药丸的最终结果

我需要使用一些 jquery 来排序吗？我读过药丸不能嵌套，但我认为这意味着药丸中的药丸，因为我以前看到有人在这种情况下使用药丸。

任何帮助将不胜感激！

我正在为教育机构做一个网站，其中有学校的子部门，如矩阵、cbse 和州委员会以及一所大学。我需要的是当我们点击预科流时，矩阵学校需要处于活跃状态州和其他流（cbse，stateboard和大学）的明智之举。

我尝试的html是，

而css是，

我所做的 jsfiddle 链接是

https://jsfiddle.net/1at91Lgo/（更好地扩展输出框以获得更好的列拆分视图，如图所示）..

我需要的输出就像附加的图像

由于图像清楚地描述了我的要求，如果我单击 CBSE 流，则具有 cbse 流的学校应该处于活动状态，而其他学校则处于非活动状态。我的第二个要求是所选流学校应该像图像一样位于第一行。任何给我一个更好和更清晰的解决方案的帮助都会更加明显。

jsfiddle 是，https ://jsfiddle.net/r6o9h6zm/2/

我在 vue js 2 中使用了引导导航药丸，以根据所选选项卡显示数据（即，如果单击标准非空调房间，则需要显示该特定房间的记录）但在这里我得到了所有例如三个房间，我使用以下方法来实现它，但它没有给出任何结果。

html:

脚本：

我怎样才能得到只选择房间类型和其他需要隐藏的记录的结果？

我无法让垂直药丸标签面板内的标签在 Bootstrap 4 中正常工作。

这是一个最小的代码示例：

网页功能正常，即垂直药丸按预期工作。一旦取消注释为第一个垂直药丸提供嵌套选项卡的部分，药丸将无法正常工作。单击 Pill 2，然后单击 Pill 3 将显示两种药丸的内容。

为什么这不起作用，我该如何解决？

我正在使用 Bootstrap 4-beta2nav-pills来实现选项卡式界面。

如何将某些元素对齐到屏幕右侧？

ml-auto最后一项的设置li不起作用。拆分ulin twoul也不起作用，因为它允许tabright与 . 等同时处于活动状态tableft1。

是否有一个内置的 Bootstrap 4 技巧可以将这三个对齐到中心，在“大屏幕上”的一行中，它们之间有一个小的空间，然后在小屏幕上显示时将它们放在一起？

我尝试添加自定义 CSS，但它一直在分崩离析，看起来很乱。

目前，上面的代码输出如下：

看来我在这里遗漏了一些明显的东西

我希望这些home blog contact条目始终堆叠在一起。

我错过了什么？

这是实际呈现的内容：

我试图找到我的问题的答案。

没有人真正拥有我想要的东西。当导航药丸聚焦时，他们所能做的就是改变背景颜色。

所以我所做的是打开 bootstrap 4 CSS 文件并找到我自己的答案。

因此，对于任何想要使用 bootstrap 4 nav 药丸并想要更改背景颜色的人来说。

请使用以下代码

这将允许您更改活动导航药丸的背景颜色。

我希望这可以帮助很多人，因为我无法在任何地方找到这个问题的答案。

我正在尝试在通过 XAMPP 托管的 localhost 上实现上面给出的简单代码。令人惊讶的是，代码可以正常运行，没有任何问题。任何类型的指针都会受到赞赏。

TIA。

我已经设置了一个 Bootstrap 选项卡/药丸导航的东西。我有 3 个标签：“采用”、“捐赠”和加入。我希望它使内容背景与活动选项卡的颜色相匹配。

到目前为止，我已经设法将它设置为每个药丸都有不同的颜色，并且第一个选项卡的内容与药丸的颜色相匹配。但是，其他选项卡的内容当前使用相同的颜色...

我假设我必须将它链接到 ID（#1a、#2a、#3a），但我还没有找到让每个选项卡具有不同颜色的方法。

这是一个codepen链接，希望能解释我的意思。