c# - 下拉菜单始终处于活动状态并显示

问题描述

我在使用 Bootstrap (Bootswatch) 下拉菜单时遇到问题，我之前一直在使用它，但不确定我在哪里以及缺少什么，下拉菜单保持打开和活动状态。这是我正在帮助朋友构建 MVC 基本 CRUD 操作的代码。非常感谢您的帮助，如果您需要任何其他详细信息或代码来帮助我，请告诉我。

家

<div class="collapse navbar-collapse" id="navbarColor01">
    <ul class="navbar-nav mr-auto">

        <li class="nav-item dropdown show">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">لیستی خوێندکاران</a>
            <div class="dropdown-menu show" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">خوێندکاری نوێ</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">لیستی خوێندکاران</a>
                <div class="dropdown-divider"></div>
            </div>
            </li>

        <li class="nav-item dropdown show">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">لیستی  مامۆستایان</a>
            <div class="dropdown-menu show" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">مامۆستای نوێ</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">لیستی مامۆستایان</a>
                <div class="dropdown-divider"></div>
            </div>
        </li>

        <li class="nav-item dropdown show">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">لیستی  بەشەکان</a>
            <div class="dropdown-menu show" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">بەشی  نوێ</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">لیستی بەشەکان</a>
                <div class="dropdown-divider"></div>
            </div>

    </ul>
</div>
<div>


    <form class="form-inline my-2 my-lg-0">
        @Html.Partial("/Views/Shared/_LoginPartial.cshtml")


        @*<input class="form-control mr-sm-2" placeholder="گەڕان" type="text">*@
        @*<button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button>*@
    </form>
</div>

这是看起来的样子。

标签： c#htmlcssasp.net-mvctwitter-bootstrap

c# - 下拉菜单始终处于活动状态并显示

问题描述

解决方案

推荐阅读