最小化瀏覽器窗口不應隱藏導航欄菜單中的最後一項

Question

我有以下引導菜單，此菜單中的最後一項是「更多」，這是下拉菜單中包含該菜單中的左側項目，問題是什麼時候用戶最小化窗口最後的項目開始隱藏包括「更多」項目。

所以我的問題是：如何避免最後一項（「更多」）被隱藏？

我搜索了互聯網我找不到任何解決方案，我發現很多人都在談論拉左，但它沒有爲我工作。

這裏是我的代碼：

<div class="collapse navbar-collapse " id="category-navbar-collapse-1"> 
    <ul class="nav navbar-nav "> 
    <li > 
     <a href="/items/a">a</a> 
    </li> 
    <li > 
     <a href="/items/b">b</a> 
    </li> 
    <li > 
     <a href="/items/c">c</a> 
    </li> 
    <li > 
     <a href="/items/d">d</a> 
    </li> 
    <li class="dropdown "> 
       <a class="dropdown-toggle" data-toggle="dropdown"> 
        More 
        <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu"> 
        @Html.Action("GetMoreCategories", "Items") 
       </ul> 
     </li> 
    </ul> 
</div> 

任何建議嗎？

隨時索取更多信息。

Answer 1

我會檢查樣式 - 可能是一些類名稱與顯示斷點：沒有在該類。看看Devtools，看看它拋出了什麼？

至於你的代碼去，它看起來不錯所以才檢查過CSS，定位和顯示等

<div class="collapse navbar-collapse" id="category-navbar-collapse-1"> 
    <ul class="nav navbar-nav"> 
     <li> 
      <a href="/items/a">a</a> 
     </li> 
     <li> 
      <a href="/items/b">b</a> 
     </li> 
     <li> 
      <a href="/items/c">c</a> 
     </li> 
     <li> 
      <a href="/items/d">d</a> 
     </li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown">More 
       <span class="caret"></span> 
      </a> 
      <ul class="dropdown-menu"> 
       @Html.Action("GetMoreCategories", "Items") 
      </ul> 
     </li> 
    </ul> 
</div>