为什么我的这些链接一起运行？我正在使用MVC和CSS

Question

我刚刚打开了项目并将协议切换到HTTPS，但现在导航栏中的所有链接都搞砸了。 我已经尝试了所有方法，但一直找不到答案。

<div class="navbar navbar-dark navbar-fixed-top navbar-expand-sm bg-dark">
    <div class="container">
        <div class="navbar-header">
            @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
        </div>
        <div class="container-fluid">
            <ul class="nav navbar-nav">
                <li class="nav-item">@Html.ActionLink("Home", "Index", "Home")</li>
                <li class="nav-item">@Html.ActionLink("About", "About", "Home")</li>
                <li class="nav-item">@Html.ActionLink("Contact", "Contact", "Home")</li>
            </ul>
        </div>
        <div class="navbar-expand-sm">
            @Html.Partial("_LoginPartial")
        </div>
    </div>
</div>

这是我的导航栏 HTML 代码，我一直在玩它，但我无法让它做任何不同的事情。 它只是看起来像这样...

导航栏图片

我什至尝试更改一些 CSS，但似乎没有任何帮助。 有谁知道问题可能是什么？

Answer 1

我想通了。 我在决定应该在 CSS 中修改哪些类时遇到问题......我想出我可以创建一个这样的类ul > .nav-item并输入一些用于左右填充的代码，它奏效了！