Bootstrap menu height issue

Question

Привет, я перезаписал часть загрузочного CSS, чтобы получить высоту навигационной панели и цветов. Активный элемент меню находится ниже изображения. Существует одна разница в размере пикселей, а цвет фона отображается внизу. Кто-нибудь знает, как это исправить? Мой СКС код ниже

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

Answer 1

Скорее всего, это просто граница:

.navbar { 
    border: none; 
} 

Answer 2

Navbar фиксированной сверху имеет этот стиль:

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

вы можете переопределить его путем установки border-width: 0;