问题标签 [bootstrap-tabs]

我有 2 个表，用两个选项卡分隔。活跃和不活跃

假设我从活动选项卡中单击下一个按钮。显示非活动选项卡的内容，但活动选项卡仍然是活动选项卡。我错过了什么吗？

假设它们对应的 ID 是#Active 和#Inactive。这是下一个按钮的代码：

我快疯了。

我正在尝试在我的 rails 4 应用程序中使用 Bootstrap js 选项卡。它给我送了备用。

目前，我已将引导片段示例复制到我的代码中。它工作得很好。

我还使用该代码的副本来制作我的实际代码（也在下面）。这些选项卡在我的版本中不起作用。单击它们不会执行任何操作。我的版本和 boot snip 版本之间的主要变化是：

1. 我的版本在 containerfluid -v- boot snip 在容器中
2. 我的版本在选项卡面板中呈现了部分内容-v-boot snip 具有 lorem ipsum，但是当我尝试将部分文本中的文本复制到选项卡面板中时，我遇到了同样的问题。
3. 我的局部有css样式。

引导示例：

我尝试在启动片段示例中复制 /paste/change html：

以上两段代码都在我的应用程序的完全相同的页面中。第一个有效，第二个无效。

如何让引导选项卡在我的应用程序中工作？？？？？？

因此，我正在运行 rails 4 并尝试使用link_to让link_to工作得更好一些，这样我就可以定义参数，而不是这样做：

产生：

目前我有：

正在生产：

有没有人有更好的方法来获得类似的结果：

活动类不起作用，我尝试了 body On-load click trigger 并显然使用 id 和许多其他方式显示选项卡，但似乎没有任何效果。我已经对 URL 进行了哈希处理，以便在搜索中单独链接选项卡。任何帮助深表感谢。

JS：散列 URL 并跳转到选项卡

JS：去标签首页（不工作）

HTML：

选项卡窗格：

直到我的联系页面是静态 HTML 即 contact.html 引导组件选项卡、轮播等工作正常

一旦我使用 ngRoute，路由到局部视图这些组件功能就不再起作用了。有人遇到过这个问题吗？

我在我的网站中使用 Bootstrap 选项卡。当页面加载选项卡将在运行时使用动态内容填充数据。我为此使用data-target了锚标记上的属性，但它似乎根本不起作用。

这是我到目前为止所尝试的：

HTML

在这里，我试图在使用锚标记时加载showTab1.dodiv 内的远程文件的内容。但它不起作用。我所知道的是，如果我使用数据目标，我们不需要编写任何 jQuery/JavaScript 来在选项卡中加载数据，因为数据目标会为我们执行此操作（如果我错了，请纠正我）。我的 Bootstrap 版本是 v3.3.6。id="test_1"data-target="#test_1"

请纠正我哪里错了。谢谢

I'm implementing a tab with an ui-grid that no show column from 5-th one. In the firsst application load the grid is showed pretty well, but if I press F5, Ctrl-F5 the grid doesnt show the columns, as shown on images.

I check the generated HTML and the content for hiden columns wasn't generated. If I put the ui-grid outside tab always it's shown as expected

First Upload

After F5 or Ctrl+F5

Can see in menu that all columns are marked as shown

Hidding a column refresh the ui-grid
Outside tabs always works

Reduced web code

我正在尝试使用 Swiper javascript 模板创建一个包含两个画廊的页面，并使用 Bootstrap 由选项卡分隔。没有标签，画廊加载得很好，但有了它们，位于非活动标签中的画廊无法加载。我最好的猜测是，画廊的宽度是由conting div的大小设置的，即当标签不活动时为0，但这还没有引导我找到解决方案。我将从下面的 php 文件中发布代码；如果有人对此问题有解决方案或解决方法，我将不胜感激！

我使用 angular ui 来创建我的选项卡，我插入的代码是文档中可用的代码：

问题是默认情况下选项卡不是全宽的，为此我需要在 ul.navtabs 中添加引导类 nav-justified，但由于我无法访问它，因为上面的代码会生成它，我该如何实现一类？

我有一个引导模式。模式中有标签视图。然后，每个选项卡都为其内容呈现部分视图。
部分视图中的 url 很少。
我遇到的问题是，当我在选项卡 2 之前定义选项卡 1 时，选项卡 2 内容中的 url 不起作用。当我在 1 之前定义选项卡 2 时，选项卡 1 中的 url 不起作用。

以下是我在模态体内定义标签的方式：

请注意导致问题的上述代码中的以下代码：

在此代码中，选项卡 2 将“选项卡 2”中的内容部分呈现在“选项卡 1”之前。因此，选项卡 2 中的 url 运行良好。

但是，如果我要更改内容呈现方式的顺序。就像，如果我有 Tab 1，则在 Tab 2 之前呈现内容。然后，Tab 1 中的 url 工作正常，但 Tab 2 中的 url 现在不起作用。

我无法理解，为什么订单会影响选项卡内容无法正确呈现。
有没有办法可以将标签分开，以免相互影响。因为如果我删除另一个选项卡，两个选项卡都可以正常工作。

请提供您的建议！

我一直在问问题，但没有得到答复。我对编码相当陌生。

感谢帮助！