我有兩個Bootstrap導航欄下拉的問題。首先,導航欄的下拉菜單在每個頁面上都不起作用。下面顯示了導航欄的外觀。 日曆是嵌入到頁面中的Google日曆。每當我點擊日曆鏈接本身,下拉菜單不起作用。如果我在點擊日曆頁面後嘗試導航到另一個頁面,則下拉菜單也不起作用。但是,如果我導航到另一個頁面然後重新加載頁面,則下拉菜單再次運行。任何想法可能導致這個問題?Bootstrap導航欄下拉並不總是開放
第二個問題出現在窗口大小改變時摺疊導航欄。按照我設置的方式,當屏幕尺寸小於1200像素時,整個導航欄應該會崩潰,單擊可摺疊應該將導航欄擴展到85vh的高度。雖然導航欄在1200px時摺疊,但摺疊後的寬度不會延伸到85vh的高度,直到達到767px的默認值。我的代碼如下所示:
@media screen and (max-width: 1200px) {
.navbar-collapse .nav > .divider-vertical {
display: none;
}
#nav-portallinks {
li a {
color: white;
}
li a:hover {
color: black;
}
.divider {
width: 25vw;
margin-left: 0;
}
font: {
family: $font-text;
size: 2vw;
}
max-height: 85vh;
overflow: auto;
background-color: $cardinal;
width: 25vw;
margin-left: 50vw;
}
}
任何想法?
你可以創建一個jsFiddle嗎? – Legends