bootstrap tab skin去除不需要的空间

时间:2014-03-03 20:00:21

标签: css css3 twitter-bootstrap twitter-bootstrap-3

我正在尝试为bootstrap标签面板创建皮肤。 我已准备好基本标记,我创建了这个:

enter image description here

但是,我在活动标签中有不需要的行,并且悬停标签下划线和下面的行之间有不需要的空格。 我可以通过将ul的高度设置为34px来解决这个问题,但这可以在不设置高度的情况下修复吗?

这是我的小提琴:http://jsfiddle.net/Misiu/b3qL5/32/

1 个答案:

答案 0 :(得分:2)

这是怎么回事?

.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;
}