Bootstrap 4 - Nav Tabs and Pills- Показывает точку маркера

Question

В настоящее время я работаю в веб-приложении ASP.Net MVC Core 2.0, в котором установлена ​​рабочая версия начальной загрузки 3.3.7, однако мы собираемся перейти к начальной загрузке 4.3.1.

Однако у меня возникла проблема, когда все вкладки Nav и таблетки Nav, которые я использую, показывают

пункт маркера на вкладке, как показано на рисунке ниже.

Код, с которым я работаю, когда проблема отображается на вкладках навигации:

<ul class="nav nav-tabs">
            @{
                var firstTab = true;
                foreach (var year in Model.UniqueYears)
                {
                    if (!string.IsNullOrWhiteSpace(academicYear))
                    {
                        //If there are any scheduled courses that are associated with that delivery method via name, then show the tab.
                        if (Model.ScheduledCourses.Where(scheduledCourse => scheduledCourse.year == year.Split(' ')[0]).Any())
                        {
                            <li class="nav-item @(firstTab ? "active" : "")">
                                <a class="nav-link" href="#year-@year.GenerateSlug()" data-toggle="tab" role="tab">@academicYear</a>
                            </li>
                            firstTab = false;
                        }
                    }
                }
            }
        </ul>

, и результат соответствует изображению ниже.

Буду очень признателен, если кто-нибудь сможет мне помочь с тем, что мне нужно изменить, чтобы убрать

точку с маркером

Я уже пытался добавить базовый \ обычный \ пример кода из

https://getbootstrap.com/docs/4.0/components/navs/#tabs

, однако, просто получите ту же проблему.

Порядок, в котором элементы css вводятся в макет:

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="stylesheet" href="~/lib/slick-carousel/slick/slick.css" />
    <link rel="stylesheet" href="~/lib/slick-carousel/slick/slick-theme.css" />
    <link rel="stylesheet" href="~/lib/slick-lightbox/dist/slick-lightbox.css" />
    <link rel="stylesheet" href="~/css/@(CultureInfo.CurrentCulture.Name.ToLower()).css" />

, а js вытягивается, как показано ниже

<environment include="Development">
    <script src="~/lib/jquery-ui/jquery-ui.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>

    <script src="https://ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js"></script>
    <script src="~/js/site.min.js" asp-append-version="true"></script>
</environment>

Любой и все очень помогаютоценили.