css - Bootstrap 选项卡皮肤删除不需要的空间

Question

我正在尝试为 Bootstrap 选项卡面板创建皮肤。我已经准备好我的基本标记并创建了这个:

但是我在事件选项卡中有不需要的行，并且在悬停选项卡下划线和下面的行之间有不需要的空间。我可以通过将 ul 上的高度设置为 34px 来解决这个问题，但是可以在不设置高度的情况下解决这个问题吗？

这是我的 fiddle :http://jsfiddle.net/Misiu/b3qL5/32/

Answer 1

这个怎么样？

.gittabs ul.nav li a {
    position:relative;
    top:1px;
    background: #fff;
    border: 1px solid #eee;
    color: #333333;
    font-weight: bold;
    border-bottom: 1px solid white;
    box-shadow: 0 -3px 0 #ba5d0f;
}