簡體   English   中英

twitter-bootstrap導航欄太寬

[英]twitter-bootstrap too wide navbar

我正在網站上,並且正在使用bootstrap框架。
我有一個導航欄設置,非常“原始”,但是導航欄上有太多項目。 因此,我有2行導航欄項目。
我想要的是導航欄在1行上設置了盡可能多的項目,並且如果沒有足夠的寬度來設置所有項目,那么它會顯示帶有“更多”的下拉列表,而其余項目位於“下拉列表”下。

首先,我建議如果導航中確實有很多項目,則可能需要垂直導航菜單而不是水平導航欄。

然后,如果您真的想要您所描述的內容,那么就不能使用現成的引導程序來做到這一點,您需要自己編寫自己的“動態”下拉列表。

您可以做的是監聽window.resize事件,檢測響應式導航欄的寬度,並計算應將尾部的多少項放入下拉列表中。 然后在javascript中進行操作。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM