Boostrap 4导航栏无法在Chrome中正确显示

Question

我看不到导航栏在chrome中正确显示（使用引导程序4.1.3）。 小小的汉堡包图标和关于联系的住所都紧紧地束在一起

代码在Firefox中显示为OK。

如何使它无法在chrome中正确显示

使用引导程序的核心剃须刀页面下方的html代码段。

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" 
      data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
      aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
        <ul class="navbar-nav flex-grow-1">
            <li class="nav-item">
                <a class="nav-link text-dark" asp-area="" asp-page="/MULTIPLES/Index">
                    Home
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-dark" asp-area="" asp-page="/About">
                    About
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-dark" asp-area="" asp-page="/Contact">
                    Contact
                </a>
            </li>
        </ul>
    </div>
</nav>

谢谢

Answer 1

在chrome开发人员工具中检查“控制台”标签。尝试访问静态文件时可能会出现404错误