Html 使整个li/动作链接可点击

我有一个汉堡菜单和一个下拉菜单，我希望整个下拉菜单是可点击的。这是我现在拥有的。目前只有文本是可点击的

cshtml

<nav class="navbar fixed-top navbar-dark bg-primary">
<a class="navbar-brand" href="#">Foo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="collapsingNavbar">
    <ul class="navbar-nav">
        <li class="nav-item a">
            @Html.ActionLink("Bar", "Index", "Bar", null)
        </li>
        <li class="nav-item a">
            @Html.ActionLink("Quax", "Index", "Quaxx", null)
        </li>
    </ul>
</div>

基本上，我希望每个菜单项的整行/全宽都是可点击的

---

这应该适用于引导程序4

<li class="nav-item mx-0">
    <a class="nav-link px-0">foo</a>
</li>

---

这应该适用于引导4

<li class="nav-item mx-0">
    <a class="nav-link px-0">foo</a>
</li>

---

将类添加到此

btn块

<li class="nav-item mx-0">
    <a class="nav-link btn-block">foo</a>
</li>

---

将类添加到此

btn块

<li class="nav-item mx-0">
    <a class="nav-link btn-block">foo</a>
</li>

---

尝试了这两种方法，但仍然相同，只是文本可以单击。不知道我是否有其他东西弄错了，是不是弄坏了…你能做一把小提琴吗？两个都试过了，但还是一样，只是文字是可以点击的。不知道我有没有别的东西弄错了，弄坏了它……你能做一把小提琴吗？为

a添加类this
btn块
Add类this
btn块
a
Brilliant，让它成为你css中的一个块，这很有魅力。非常感谢。太棒了，让它成为css中的一个块，这很有魅力。非常感谢。
.nav-item a{
  display:block;
}