引導的導航欄菜單熄滅時

Question

我使用此代碼改變了斷點引導導航欄斷點變爲：

@media (max-width: 1000px) { 
.navbar-header { 
    float: none; 
} 
.navbar-toggle { 
    display: block; 
} 
.navbar-collapse { 
    border-top: 1px solid transparent; 
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
} 
.navbar-collapse.collapse { 
    display: none!important; 
} 
.navbar-nav { 
    float: none!important; 
    margin: 7.5px -15px; 
} 
.navbar-nav>li { 
    float: none; 
} 
.navbar-nav>li>a { 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 
.navbar-text { 
    float: none; 
    margin: 15px 0; 
} 
/* since 3.1.0 */ 
.navbar-collapse.collapse.in { 
    display: block!important; 
    overflow-y: auto; 
} 
.collapsing { 
    overflow: hidden!important; 
} 
.navbar-nav .open .dropdown-menu { 
    position: static; 
    float: none; 
    width: auto; 
    margin-top: 0; 
    background-color: transparent; 
    border: 0; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 
} 

我的問題是768px和新的斷點之間，菜單熄滅資產淨值容器，我希望它的行爲像移動（留在容器內，並添加一個垂直滾動條）。我可mising一些CSS，但不知道是什麼:(

編輯：在這裏，你有的jsfiddle https://jsfiddle.net/nato522/e71e8bfd/

EDIT2：另外，圖片顯示的問題 navbar issue

Answer 1

試試這個CSS：

@media (max-width: 1000px) { 
.navbar-header { 
    float: none; 
} 
.navbar-toggle { 
    display: block; 
} 
.navbar-collapse { 
    border-top: 1px solid transparent; 
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
} 
.navbar-collapse.collapse { 
    display: none!important; 
} 
.navbar-nav { 
    float: none!important; 
    margin: 7.5px -15px; 
} 
.navbar-nav>li { 
    float: none; 
} 
.navbar-nav>li>a { 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 
.navbar-text { 
    float: none; 
    margin: 15px 0; 
} 
/* since 3.1.0 */ 
.navbar-collapse.collapse.in { 
    display: block!important; 
    overflow-y: auto!important; 
    overflow-x: hidden!important; 
} 
.collapsing { 
    overflow: hidden!important; 
} 
.navbar-nav .open .dropdown-menu { 
    position: static; 
    float: none; 
    width: auto; 
    margin-top: 0; 
    background-color: transparent; 
    border: 0; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
}}