小编sen*_*enz的帖子

我正在尝试与 blazor 合作进行一个学习项目。安装 blazorise 后，导航栏无法像以前一样工作。一旦我启动了 web 应用程序，导航栏就没有显示，当我最小化 chrome 时，导航栏-toggler-icon 就会出现，点击该图标后，我可以看到我的导航栏。

在 NavMenu.razor 页面上，我只添加了一些导航链接（见下面的代码）。所以css类是原始的。我在 chrome 上没有任何错误。侧边栏启动后生成的html是：

<div class="sidebar"><!--!-->
    <!--!--><div class="top-row pl-4 navbar navbar-dark"><!--!-->
    <!--!--><a class="navbar-brand" href="">Rappenspalter</a>
    <button class="navbar-toggler"><!--!-->
        <span class="navbar-toggler-icon"></span>
    </button><!--!-->
</div><!--!-->

<div class="collapse"><!--!-->
    <ul class="nav flex-column"><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="" class="nav-link active"><!--!-->
                <span class="oi oi-home" aria-hidden="true"></span> Home
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="counter" class="nav-link"><!--!-->
                <span class="oi oi-plus" aria-hidden="true"></span> Counter
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!-->
            <!--!--><a href="fetchdata" class="nav-link"><!--!-->
                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
            </a><!--!-->
        </li><!--!-->
        <li class="nav-item px-3"><!--!--> …