部分折疊 Bootstrap 導航欄有很多問題，例如：
Item1 Item2 Item3 Item4 Item5
可以折疊成：
Item1 Item2 Item3 =menu=
或者：
=menu= Item3 Item4 Item5
等等。這通過有兩個導航欄來作業，一個折疊一個不折疊。
但我想折疊一個導航欄，其中要隱藏的專案不在邊緣：
Item1 Item3 Item5 =menu=
可以用 Bootstrap 5 完成嗎？
uj5u.com熱心網友回復：
沒有 Bootstrap 原生解決方案。但是有一個使用兩個相同的 navbars的解決方法。
導航欄 1：
- 有
d-none d-md-block（例如）應該隱藏在小螢屏上的導航專案 - 在大螢屏上顯示所有導航專案
- 它沒有切換按鈕（或者，它有，但“外部內容”是第二個導航欄）
導航欄 2：
- 具有相同的導航欄專案和一個切換按鈕
- 始終處于折疊狀態
- 在小螢屏上顯示切換按鈕；單擊時，它會顯示一個包含所有導航項的下拉串列
例如大螢屏：
Item1 Item2 Item3 Item4 Item5
例如小螢屏：
Item1 Item3 Item5 =menu=
Item1
Item2
Item3
Item4
Item5
或例如小螢屏：
=menu= Item1 Item3 Item5
Item1
Item2
Item3
Item4
Item5
uj5u.com熱心網友回復：
首先，不看代碼就很難說出確切的解決方案。如果選單數量有限，那么您可以使用媒體查詢（將樣式應用于除第一個 2 和最后一個之外的所有導航欄選項。另一種方法是使用 javascript，（可以根據螢屏大小創建條件以觸發事件）。它如果您共享遇到問題的代碼段，將會容易得多。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/484780.html
上一篇：WPF開發學生資訊管理系統【WPF+Prism+MAH+WebApi】（四）
下一篇：從導航鏈接滾動到手風琴并打開它