css - 带有较粗边框的 Bootstrap 选项卡不起作用

Question

bootstrap 选项卡效果很好，但用户希望我增加边框的厚度。但是，当我将厚度从 1px 增加时，事件选项卡的底部边框上有一条线。我尝试增加事件选项卡底部边框的厚度，但没有隐藏线条。

.nav-tabs {
border-bottom: 3px solid #DDDDDD;
/* works with 1px */
}

.nav-tabs > .active > a {
border-bottom: 3px solid #FFFFFF;
    /* works with 1px */
}

以下 fiddle 显示了问题:http://jsfiddle.net/jerrykur/FEuC3/

Answer 1

我已经修改了你的 jsfiddle，这是你想要的吗？

.nav-tabs {
border-bottom: 3px solid #DDDDDD;
/* works with 1px */
}

.nav-tabs > .active > a {
border-bottom: none;
position: relative;
top: 3px;

    /* works with 1px */
}

http://jsfiddle.net/FEuC3/2/