Question

我有以下引导程序菜单，此菜单中的最后一项是＆＃34;更多＆＃34;这是一个下拉列表，包含该菜单中的左侧项目，问题是当用户最小化窗口时，最后一项开始隐藏包括＆＃34;更多＆＃34;项目

所以我的问题是：如何避免最后一项（＆＃34;更多＆＃34;）被隐藏？

我搜索了互联网，我找不到任何解决方案，我发现很多人都在谈论拉左，但它对我不起作用。

这是我的代码：

<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

我会检查样式 - 可能是某个带有断点的类名，在该类上显示：none。看看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>

最小化浏览器窗口不应隐藏导航栏菜单中的最后一项

1 个答案: