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菜單高度問題

回答

相關問題