问题标签 [nav-pills]

我正在尝试像引导程序一样制作导航栏药丸。但不想包含整个引导 css。

这是我到目前为止所做的：

它看起来很好，但它不起作用。我的意思是它不切换内容。

我在这里做错了什么？有没有其他方法可以实现这一点（没有引导程序）？

谢谢，

我正在页面上设置引导药丸并使用http://getbootstrap.com/javascript/#tabs-usage标准公式，但我收到function is not a valid function错误消息。我有：

为什么我会收到此错误消息？

我有一个 Bootstrap 3 nav-pills 菜单，它会在移动设备上折叠，但是当您单击导航栏切换菜单时，菜单会打开，然后立即跳上大约 40-50 像素？

它根本无法在 iPhone 上打开。:(

它在这里： http ://www.portpatrick.me.uk/rickwood/hotel-rooms-portpatrick.php

仔细检查了 CSS，我看不到，也许是为了树木，为什么要这样做。希望有人可以帮助指出显而易见的。

谢谢你。新泽西州

菜单..

CSS ... http://www.portpatrick.me.uk/rickwood/styles.css

我将努力学习如何做一个 jsfiddle 或 github 或任何它被称为的东西。谢谢你。新泽西州

我设置了三个导航药丸。当有人选择一个新的药丸/标签并单击标签区域内的任何内容时，它会正确排序我的同位素。这一切都很好。

当用户点击一个新的药丸/标签时，它会在下方显示正确的标签内容，点击其中任何一个内容都会对同位素进行正确排序。所以这也很好。

But the issue is that the isotope is not sorted with my data-filtering when the actual tab is selected. 它仍然显示人们在旧选项卡中选择的最后一件事的排序。我希望这个值：导航药丸上的数据过滤器值（即数据过滤器值 =“.convertible”）或选项卡面板会导致过滤发生在“点击”但没有运气。

这是我的代码：

我不会显示所有的标签面板...

这是过滤代码。我相信我没有改变标准同位素过滤的任何内容：

我正在使用以下引导导航栏：

它按预期工作，但我想在“按钮”之间添加一些空间。我似乎无法找到一种方法来为 li 添加填充或边距，以便它们间隔一点。有什么建议么？

我正在尝试nav pills通过导航栏使用引导程序。当用户滚动时，我希望将其nav pills固定在页面顶部。我知道.navbar该类可以调用.navbar-fixed-top执行此功能的类，但是导航药片是否有等价物？

我对编码和尝试基本网站完全陌生，并且使用 BootStrap CSS 作为基础。

到目前为止，我已经设置了 nav-pills 并设法对其进行了自定义（间距、字体、背景颜色等），但努力了几个小时试图更改 nav-pills 后面的标题的背景颜色 - 1白色 b/g 到2灰色 b/g。

我的 HTML 标头容器内容如下：

经过对特异性的大量研究，我认为这可能是我的问题，所以我尝试了 CSS 代码：

无济于事，但发现确实有效：

现在产生了所需的引导 CSS 覆盖，即使我什至没有选择#navigator ID 来增加规则的特异性。有人可以解释为什么这种方法有效吗？

此外，由于其他网站页面没有出现新背景，我没有添加#navigator 标头ID，是否有修改我的CSS 的方法（除了将#navigator ID 添加到每个HTML 页面）这将使这个覆盖跨所有页面工作？

我在下面有一个导航药丸示例，其中我有一个导航药丸，并且活动选项卡根据所选选项卡进行切换，并且效果很好。但是，该链接会将浏览器发送到另一个页面。我想将活性药丸设置为与离开时相同的药丸。我设置了 sessionScope.ssSelectedPill = 选择的链接 ID，这样当我返回时，我就知道在我离开之前处于活动状态的药丸。

我不知道如何在回来的路上设置活性药丸。任何帮助表示赞赏，希望能够使用 SSJS 或 CSJS 而不是 jQuery 来完成。

这是源的样子：

我正在做一些操作，大概是用 jQuery，这很像以前在这里提出的问题： Hide and show divID with Javascript - Hide when new title isopens

我已经解决了我的问题。我正在研究一些药丸/标签，其中每个药丸分为三个部分，每个部分都包含“阅读更多”的可能性，这是显示/隐藏发挥作用的地方。我的 jsfiddle 在这里：https ://jsfiddle.net/jwb99gw1/6/

目前，我已经制作了一个纯粹基于 CSS 的解决方案，但是它无法处理 UX。我希望“阅读更多”切换到“隐藏文本”，一旦单击，当然如果在该状态下单击，则隐藏文本。理想情况下，切换药丸/标签也应该隐藏元素。

与我一开始链接的问题相比，我的问题有一些不同。这些元素没有相互封闭，所以我认为“this”关键字不会起作用，至少不完全是前一个问题如何处理它。

你会如何解决这个问题？必须有比 ID by ID jQuery 处理更聪明的解决方法。

这是我目前正在处理的 JSFiddle 的链接。http://jsfiddle.net/PhoenixOfBlades/3bry9Lo8/6/

我觉得我已经在网上搜索了答案。我从那些对嵌套 Pills/Tab 感到困惑的人那里发现了很多问题，但从来没有这么多。我即将解决我的问题，但最后一点让我完全难过。

我正在尝试在 Pills inside Pills inside Pills inside 创建 Pills，以便在界面中更好地组织数据。目前，我的 Canon Pills 中的 Age Pills 完全符合我的要求。现在我想把我的世界药丸放在我的年龄药丸中，但由于某种原因，它们的作用与我的年龄药丸相同，并且似乎在我的佳能药丸中。我已经尝试了解更多有关 Bootstrap 的信息，因为我怀疑这可能是某种语法问题，但除了一些代码片段之外，我无法找到有关 Bootstrap 药丸的任何信息。这是我正在使用的小提琴中的代码，除了我在小提琴底部注释掉的一些不相关的代码。里面的注释将您引导到处理 World Pills 的代码部分。

如果有人能告诉我如何将世界药丸放入年龄药丸而不是佳能药丸中，或者向我解释他们为什么会这样，我将非常感激。

...顺便说一句，这个小提琴目前可以工作，但是如果我打开一个新的小提琴并将代码粘贴到其中，那么它只会显示为无序列表。这是为什么？是设置的问题吗？

谢谢你回答了额外的问题^_^我不再不知道我有 bootstrap.min.css 和 bootstrap.min.js 的外部资源选项卡