bootstrap导航选项卡上的渐变

Question

默认情况下，引导导航选项卡在活动选项卡上具有纯色背景，因此不会显示底部边框。

不幸的是，我们在微妙的渐变背景上显示标签，因此我们需要透明背景来显示活动和非活动标签（我们只想要一个白色边框：http://cl.ly/image/0x2u132k2F3k）。

如果我们从有效标签中删除背景颜色，我们会看到底部边框：http://cl.ly/image/0x2H1V1W2t3a。

如果我们从.nav-tabs类中删除底部边框并只包含底部边框和非活动标签，则边框不会延伸到空间的整个宽度：http://cl.ly/image/0d361q2A1F3S

是否有任何方法可以在不使用活动标签上的背景颜色的情况下，在非活动标签下方，而不是在活动标签下，一直向右延伸线路？

更新：这是一个演示问题的小提琴：http://jsfiddle.net/E7ehj/

.container {
    background: -webkit-radial-gradient(center, ellipse cover, #276a75 0, #00455b 100%);
    padding: 30px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: white;
    background-color: transparent;
}
a {
    color: white;
}