Twitter bootstrap 如何使bootstrap li活动类在navbar中具有全高?

Twitter bootstrap 如何使bootstrap li活动类在navbar中具有全高?,twitter-bootstrap,Twitter Bootstrap,/*导航设置*/ navbar先生{ 保证金:0; 边界:0; 边界半径:0; } #航行{ 背景色:#203260; } #导航栏默认值{ 背景色:#203260; } #导航.navbar默认值.navbar nav>li>a{ 颜色:#fff; 字体大小:20px; } #navigation.navbar default.navbar nav>.active>a、.navbar default.navbar nav>.active>a:focus、.navbar default.navb

/*导航设置*/
navbar先生{
保证金:0;
边界:0;
边界半径:0;
}
#航行{
背景色:#203260;
}
#导航栏默认值{
背景色:#203260;
}
#导航.navbar默认值.navbar nav>li>a{
颜色:#fff;
字体大小:20px;
}
#navigation.navbar default.navbar nav>.active>a、.navbar default.navbar nav>.active>a:focus、.navbar default.navbar nav>.active>a:hover{
背景色:#065690;
}
#导航.navbar默认值.navbar nav>li>a{
边缘顶部:15px;
}
#导航。导航。导航栏导航。导航栏右侧{
边际上限:0;
}

切换导航
您可以使用
标记上的规则来解决此问题

#navigation .navbar .navbar-nav > li > a {
    line-height: 50px;
}
工作示例:
#导航{
背景色:#203260;
}
#导航栏{
保证金:0;
边界:0;
边界半径:0;
背景色:#203260;
}
#navigation.navbar.navbar nav>li>a{
颜色:#fff;
字体大小:20px;
}
#navigation.navbar.navbar nav>.active>a,
#navigation.navbar.navbar nav>.active>a:焦点,
#navigation.navbar.navbar nav>.active>a:悬停{
背景色:#065690;
}
#navigation.navbar.navbar-nav.navbar-right>li>a>div{
显示:内联块;
}
@介质(最小宽度:768px){
#navigation.navbar.navbar nav>li>a{
线高:50px;
}
#navigation.navbar.navbar-nav.navbar-right>li>a{
字体大小:20px;
线高:25px;
}
#navigation.navbar.navbar-nav.navbar-right>li>a>div{
显示:块;
}
}

切换导航
您可以使用
标记上的规则来解决此问题

#navigation .navbar .navbar-nav > li > a {
    line-height: 50px;
}
工作示例:
#导航{
背景色:#203260;
}
#导航栏{
保证金:0;
边界:0;
边界半径:0;
背景色:#203260;
}
#navigation.navbar.navbar nav>li>a{
颜色:#fff;
字体大小:20px;
}
#navigation.navbar.navbar nav>.active>a,
#navigation.navbar.navbar nav>.active>a:焦点,
#navigation.navbar.navbar nav>.active>a:悬停{
背景色:#065690;
}
#navigation.navbar.navbar-nav.navbar-right>li>a>div{
显示:内联块;
}
@介质(最小宽度:768px){
#navigation.navbar.navbar nav>li>a{
线高:50px;
}
#navigation.navbar.navbar-nav.navbar-right>li>a{
字体大小:20px;
线高:25px;
}
#navigation.navbar.navbar-nav.navbar-right>li>a>div{
显示:块;
}
}

切换导航