Выпадающее меню всегда активно и показывает

Question

У меня проблема с выпадающим меню Bootstrap (Bootswatch), я использовал его раньше, но не уверен, где и что мне не хватает, раскрывающийся список остается открытым и активным.Вот мой код: я помогаю другу построить базовую операцию CRUD в MVCЯ очень ценю вашу помощь, пожалуйста, дайте мне знать, если вам нужны какие-либо другие данные или код, чтобы помочь мне.

Дом

<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>

вот как это выглядит.

Answer 1

просто удалите класс show из всех элементов div с классом dropdown-menu.т.е. от <div class="dropdown-menu show"... до <div class="dropdown-menu"...

<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" 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" 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" 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>

Answer 2

У меня была проблема с несовместимой версией пакета при запуске update-package, я смог заставить его работать.Спасибо за вашу помощь и ваше время, расследующее проблему со мной.

Answer 3

Может быть, вы можете проверить журнал консоли в окне разработчика Chrome, посмотреть, показывает ли он полную информацию об ошибке справки.