Jquery 导航选项卡的最后一个元素上的错误(带引导)

Jquery 导航选项卡的最后一个元素上的错误(带引导),jquery,html,css,twitter-bootstrap,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我的导航标签有问题。 当我点击一条线的最后两个导航时,有一个错误以错误的顺序显示导航选项卡 可视化渲染示例: 我的代码如下所示: 如何修复此问题?只需在自定义CSS文件中使用此样式即可 ul.bar_tabs>li.active { border-right: 0px solid #D3D6DA; } 我认为它会很好。正如您在屏幕截图中实际看到的,问题在于活动选项卡比其他选项卡大约低2倍。若要修复,请增加顶部负边距: ul.bar_tabs>li.active { ma

我的导航标签有问题。 当我点击一条线的最后两个导航时,有一个错误以错误的顺序显示导航选项卡

可视化渲染示例:

我的代码如下所示:


如何修复此问题?

只需在自定义CSS文件中使用此样式即可

ul.bar_tabs>li.active {
  border-right: 0px solid #D3D6DA;
}

我认为它会很好。

正如您在屏幕截图中实际看到的,问题在于活动选项卡比其他选项卡大约低2倍。若要修复,请增加顶部负边距:

ul.bar_tabs>li.active {
    margin-top: -17px;
}