Twitter Bootstrap響應導航在打開和關閉後消失

與Twitter Bootstrap響應導航有問題。解釋這一點的最好方法是分步驟。Twitter Bootstrap響應導航在打開和關閉後消失

去：http://library.buffalo.edu/redesign/html/findlibrarymaterials/

調整設計，以低於768px

打開通過右上角的按鈕導航，然後將其關閉

現在調整設計上面768px

由於某些原因導致設計變大後導航消失。刷新後會重新出現。我確定這是我用CSS做的事情，但我似乎無法弄清楚什麼。

任何幫助，將不勝感激。謝謝

來源

2012-06-19 closeyetfar

當'collapse'類應用時，即使'in'類被刪除，您的導航欄也會隱藏起來。嘗試加入（或不刪除）這樣的：

.nav-collapse.collapse { 
    height: auto !important; 
    overflow: visible !important; 
}

來源

2012-06-19 20:59:52 eterps

我將此添加到我的主要樣式中... .nav-collapse.collapse { height：0; 溢出：可見; } 似乎現在已經修復。感謝您指導我正確的風格。我感謝您的幫助。歡呼聲，克里斯 – closeyetfar

沒問題。您能否將此標記爲接受的答案？（這是綠色的複選標記） – eterps

這有點爲我工作，除非你不能關閉它一旦打開... – Noz

由於ETAPS但使用一個媒體查詢，所以當寬度< $ navbarCollapseWidth的規則並不適用：

@media (min-width: $navbarCollapseWidth + 1) { 
    .nav-collapse.collapse { 
     height: auto !important; 
     overflow: visible !important; 
    } 
}

我使用SCSS指南針你可能需要使用較少的語法。

來源

2013-01-25 14:30:32

這是上次回答之後的幾年。我在Bootstrap 4中尋找解決這個問題的辦法，但我找不到任何工作。 BS4有特殊/獨特的解決方案嗎？ – Locohost

我非常希望eterps的答案能夠解決我的問題，因爲我的問題與問題中描述的完全相同。但是，由於某種原因，eterps的答案對我無效。

檢查對Chrome的檢查元素工具我的導航欄元素後，我發現我的導航欄有以下特性：

display: none;

對於我來說，這是固定的：

.nav-collapse.collapse { 
    display: block !important; 
}

無需放入媒體查詢。

來源

2013-04-24 16:40:20

對於引導程序3，此屬性存在於受影響寬度的計算樣式中。 –

Twitter Bootstrap響應導航在打開和關閉後消失

回答

相關問題