问题标签 [nav-pills]

我正在使用带有导航药丸的引导程序。如果我在选项卡的链接上加上 / 符号，则该选项卡将不起作用，如果我单击它，则会在 jquery 自己的代码中引发 javascript 错误。我怎样才能解决这个问题？

我正在使用 Bootstrap 丸在同一页面上切换。有两个导航药丸和两个对应于它们的 div。我已经正确构建了第一个 div 并且工作正常。但是当我尝试构建第二个 div 时，第一个 div 的内容阻碍了第二个 div 的构建。例如： col-* 类不能正常工作。总之第一个div的数据，虽然不可见，但是当我在第二页的时候还是有的。

好的，所以我有上面的代码，它正在工作，除了它说“cap3”。当我点击 cap3 药丸时，选项卡内容中没有任何内容，我看不出我的代码有什么问题。我把它贴在这里，也许有人比我看得更清楚。

我最近尝试过前端（还不是很擅长）并在CodePen中做了一些事情。

我希望在单击类别而不是重定向到另一个页面时更改内容，但我现在想避免使用 jQuery 或 JS。所以我尝试使用引导药丸。

由于它是一个菜单，我还希望它由列分隔：

但似乎每一列都有不同的活性药丸。有没有办法让我在两列上都只有一个活性药丸？或者也许是更好的方法？

所以，我的页面左侧有一个垂直折叠的导航栏，当我单击导航药丸时，菜单内容应显示在它们下方，但是，信息太多而且它正在离开屏幕，我有一个药丸上面有 13 个元素，它位于页面的最底部，几乎所有元素都离开了屏幕，我该怎么做才能让它向上或将其余内容固定到容器底部并打开丸有一个滚动条，所以我可以浏览它们。

导航栏有点像这样： http: //www.bootply.com/0TBt8gDdsr

我需要其他药片不要离开屏幕，并且它们中的任何一个里面的菜单至少有一个滚动条或一个小列表，我可以在不占用太多页面空间的情况下导航，有人知道怎么做吗？我这样做？谢谢。

PS：对不起我的英语不好。

设想

我正在使用flatfy引导模板来开发一个简单的网站。

问题

当我尝试将按钮/药丸添加为具有右拉类的元素的子元素时，该按钮在桌面方向（横向）下工作正常，但是当我将浏览器窗口调整为移动尺寸（纵向）时，按钮/药丸停止一起工作。我尝试切换浏览器，但结果是一样的。我尝试使用单选按钮，但也没有用。

例子

您可以从此处下载 flatfy 模板并附加

在index.html 的第176行之后查看它的实际效果

资源

如果某些代码忍者无需查看演示就可以找出问题，这就是代码块

谢谢你 ：）

编辑

Edit1：添加手机版截图

我在我的应用程序中使用 Bootstrap 药丸：

为了在页面重新加载后保持在同一个选项卡上，我使用以下功能：

问题是页面重新加载后，第一个选项卡变为活动状态 1 秒钟，然后跳转到实际活动选项卡。我可以在没有这种“跳跃”的情况下保留当前标签吗？

我正在尝试将我的下拉菜单沿右侧对齐。请参阅附图和参考 HTML 代码。仅通过 CSS 应用了浮动右侧，以将下拉菜单向下移动到屏幕右侧。

我的 nav-pill 问题是：当我单击它应该转到该页面时，nav-pill 没有链接到其他页面，但那件事没有发生。

我也尝试过回声，但对我不起作用。

头部

我不知道为什么第二个复选框不起作用。我确定这与 Bootstrap / CSS 有关，这不是我的强项。

第一个复选框按预期工作，但是当我将复选框放在导航药丸中时会发生一些事情。有人可以帮我吗？

HTML：

CSS：

链接到 jsFiddle