Bootstrap菜单高度问题

嗨我覆盖引导CSS的一部分，以获得我的导航栏和颜色的高度。活动菜单项位于图像下方。有一个像素尺寸差异，背景颜色显示在底部。有谁知道如何解决它？下面Bootstrap菜单高度问题

$mainColor: #006600; 
$navbarActive: yellowgreen; 
$navbarDefault: white; 
$navbarHooveer: yellowgreen; 

body { padding-top: 13px; } 

@media (min-width: 1040px) { 
    .container{ 
    max-width: 1040px; 
    } 
} 

.container-fluid { 
    max-width: 1040px; 
} 

.navbar { min-height: 35px; } 
.navbar .navbar-brand{ padding: 0px 0px;font-size: 16px; line-height:  35px; height: 35px; } 
.navbar .navbar-nav { margin-left: 120px;} 
.navbar .navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; line-height: 20px; height: 35px;} 
.navbar .navbar-toggle { margin-top: 3px; margin-bottom: 0px; } 
.navbar .navbar-form { margin-top: 3px; margin-bottom: 0px; } 
.navbar-nav > li > a { height: 35px; padding-top: 8px !important;  padding-bottom: 5px !important; } 

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:visited { 
    background-color: $mainColor !important; 
} 

.navbar-default { 
    background-color: $mainColor; 
    border-color: $mainColor; 
} 
.navbar-default .navbar-brand { 
    color: $navbarDefault; 
} 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus { 
    color: $navbarDefault; 
} 
.navbar-default .navbar-text { 
color: $navbarDefault; 
} 
.navbar-default .navbar-nav > li > a { 
color: $navbarDefault; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
    color: $navbarHooveer; 
} 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { 
    color: $navbarDefault; 
    background-color: $navbarActive; 
} 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus { 
    color: $navbarDefault; 
    background-color: $navbarActive; 
    border-color: $navbarActive; 
} 
.navbar-default .navbar-toggle { 
    border-color: $mainColor; 
} 
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus { 
    background-color: $mainColor; 
} 
.navbar-default .navbar-toggle .icon-bar { 
    background-color: $navbarDefault; 
} 
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form { 
    border-color: $navbarDefault; 
} 
.navbar-default .navbar-link { 
    color: $navbarDefault; 
} 
.navbar-default .navbar-link:hover { 
    color: $navbarDefault; 
}

来源

2017-02-09 mysiar

最有可能的，它只是一个边框我SCSS代码：

.navbar { 
    border: none; 
}

来源

2017-02-09 14:24:26

This works thx :) – mysiar

导航栏，固定顶部有这种风格：

.navbar-fixed-top { 
    top: 0; 
    border-width: 0 0 1px; 
}

你可以重写它通过设置border-width：0;

来源

2017-02-09 14:35:32 gianni

Bootstrap菜单高度问题

回答

相关问题