在活动模式引导程序中填充父级

时间:2014-06-18 21:47:39

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

我是网络新手。 有人可以帮我解决这个简单而愚蠢的问题。

我在bootstrap中创建了这个导航栏。

这是我所做的链接。

www.headsuppoker.tk

在导航栏中,活动项“Home”未完全高亮显示,以使用深黑色填充导航栏的总高度。 请告诉我怎么做。

提前感谢。

2 个答案:

答案 0 :(得分:2)

我建议将此代码添加到CSS中,因为它还会将您的导航项目放在中心位置

.navbar-inverse .navbar-nav > .active > a {
    padding: 18px 15px !important;
}

答案 1 :(得分:0)

bootstrap.min.css的第7行,在.navbar-inverse .navbar-nav > .active > a下,添加padding-bottom: 25px !important以将黑色一直向下延伸。线4415在展开时看起来像。

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{
    color:#fff;
    background-color:#080808
    padding-bottom:25px !important;/* <----Add This Line*/
}