如何使Twitter Bootstrap Collapsable Navbar默認打開？

如果在寬度小於980像素的瀏覽器窗口中打開Twitter Bootstrap's GitHub page，則會將其摺疊。如何使Twitter Bootstrap Collapsable Navbar默認打開？

在點擊右上角的按鈕，它展開以顯示選項「家」，「入門」，「腳手架」等

是否有配置Twitter的引導（或寫一個小的自定義的方式CSS或JavaScript）使其默認顯示這些選項？

我擔心的是，有些用戶不知道點擊右上角的按鈕來查看網站導航選項。

來源

2012-10-03 Philip Tenn

您應該可以將.container .nav-collapse.collapse的高度設置爲自動。

切換菜單時發生的所有情況都是將高度設置爲auto，並從按鈕中刪除摺疊類。

注意：我只通過我的控制檯測試過這個，你可能不得不玩弄如何直接應用高度。

來源

2012-10-03 02:56:37 temporalslide

輝煌，謝謝科迪！ –

與此問題是，您第一次單擊摺疊/展開圖標（它應該摺疊已擴展的導航欄）它將高度設置爲自動，因此沒有任何反應。您必須單擊摺疊/展開兩次以觸發預期的行爲。我懷疑這裏需要進一步修改Javascript。 – cfx

您可以通過將類.in與.container .nav-collapse.collapse相加來實現。

<div class="container"> 
    <div class="nav-collapse collapse"> <!-- collapsed state --> 
    Some html element 
    </div> 
    <div class="nav-collapse collapse in"> <!-- expanded state --> 
    Some html element 
    </div> 
</div>

來源

2013-12-26 11:20:01 pown

這似乎是正確的答案。我只是添加了'.in'類，一切都很好。謝謝！ – Sam

如何使Twitter Bootstrap Collapsable Navbar默認打開？

回答

相關問題