Bootstrap NavBar Dropdown имеет повторяющуюся запись

Question

Мы немного поиграли с этим и до сих пор добились немалых успехов, но есть только одна проблема, которую я лично не могу решить.

Я использую bootstrap для создания своей панели навигации и всего, что в ней работает, по большей части работает, пока я не дохожу до точки, где я использую выпадающие меню.

Я хочу, чтобы это выглядело как-то this

Но в результате я получаю это

@ model MessePrototyp.Models.MenuItem

<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">@Model.Caption</a>

<ul class="dropdown-menu">
    @foreach (var subitem in @Model.MenuItems)
    {
        if (subitem.MenuItems.Count != 0)
        {

            @await Html.PartialAsync("MenuItem", @subitem)

        }
        else
        {
            <li><a a class="dropdown-item" asp-area="" asp-controller="@subitem.Controller" asp-route-id="@subitem.Notation" asp-action="@subitem.Action">@subitem.Caption</a></li>


        }


    }
</ul>

Эта строка здесь

<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">@Model.Caption</a>

Похоже, что

создает дубликат "заголовка", но я пока не нашел способа исправить это, поскольку, похоже, ни у кого больше не было этой проблемы.