Question

我已经reworked Twitter Bootstrap的Navbar有点支持后退按钮。所以这是一个简单的单页解决方案，不需要服务器端处理。 Try here。现在我想在一个选项卡中创建链接到另一个选项卡。我是通过

完成的

// make links with data-toggle outside of mytabs working
$('#main a[data-toggle]').click(function (e) {
   $(this).tab('show');
});

只需要使用data-toggle = tab标记HTML中的链接：

<a href="#download" data-toggle="tab">Download</a>

它仍然有效，例如try在左下角下载，但新标签不再以某种方式突出显示。（以前工作过。调查。）此外，当我想使用下拉列表但仍然突出显示旧选项卡时，请参见此处：http://i.stack.imgur.com/9iCeR.png

我的问题：是否有“官方”或更好的方法为Bootstrap工作制作导航标签？即突出显示，后退浏览器支持，下拉和上传行为正确实现。

更新：下拉仍然是一个问题，但是当您执行以下操作时，正常链接点击突出显示的问题似乎已修复：

$('#main a[data-toggle]').click(function (e) {
  document.location.hash = $(this).attr('href');
});

或者我应该尝试使用引导程序开箱即用seems to work的easytabs吗？

Answer 1

简短回答：不。

长答案：Bootstrap只是一个CSS框架。是的，它包含一些jQuery插件。但是如果仔细观察它们，你会发现它们中的大多数都没有丰富的功能。

所以不，你正在寻找的那种交互性不直接内置于Bootstrap中。您所在的路径是正确的 - 找到兼容的插件，或自己动手。这似乎是Bootstrap的一个缺点，但实际上并非如此。从Javascript的角度来看，他们会让你决定如何最好地实现这些类型的东西，而不是以一种特定的方式锁定你。