ASP.NET MVC @Url.Action仅跳转控制器及_Layout中Bootstrap失效问题

两个问题的成因和对应解决方法如下： #

1. 导航栏Bootstrap样式异常 #

核心原因是导航组件的类名没有按照Bootstrap规范书写，同时存在冗余错误的静态资源引入：

• 你仅给外层<ul>添加了nav nav-tabs类，但内层<li>需要添加nav-item类，内部<a>标签需要添加nav-link类，标记激活状态的active类需要加在<a>标签上而非<li>上，这是导航样式不生效的直接原因。
• <head>中引入的~/lib/twitter-bootstrap/js/bootstrap.js路径无效，默认通过LibMan/NuGet安装的Bootstrap静态资源不存在该路径，属于无效加载项；同时Bootstrap JS依赖jQuery，不能放在<head>中提前加载（当前代码中jQuery在页面底部才引入）。

修复步骤： #

1. 删除<head>中无效的Bootstrap JS引入行：

   <!-- 直接删除这行错误引入 -->
   <script src="~/lib/twitter-bootstrap/js/bootstrap.js"></script>
   

2. 修正导航栏的DOM结构和类名，替换原有header内的导航代码为：

   <header>
       <ul class="nav nav-tabs">
           <li class="nav-item" role="navigation">
               <a class="nav-link active" aria-current="page" href="#">Home</a>
           </li>
           <li class="nav-item" role="navigation">
               <a class="nav-link" href="#">Profile</a>
           </li>
           <li class="nav-item" role="navigation">
               <a class="nav-link" href="@Url.Action("Index", "User")">Messages</a>
           </li>
       </ul>
   </header>
   

Index页面内样式显示正常，是因为页面内其他元素都正确添加了Bootstrap对应类名，且全局Bootstrap CSS文件本身引入路径正确，仅导航部分类名缺失导致样式异常。 #

2. Messages导航跳转路径问题 #

这个是ASP.NET Core MVC路由的默认正常行为，不属于错误。
默认路由规则为{controller}/{action=Index}，当访问/User路径时，路由系统会自动匹配到User控制器下的Index动作方法，和访问/User/Index的执行逻辑、返回结果完全一致，只是URL对默认Action做了简写。如果业务上强制要求URL必须显示/User/Index段，可以直接把href写为固定路径/User/Index，但没有特殊需求的话保留@Url.Action生成的路径即可，符合框架路由设计规范。

内容的提问来源于stack exchange，提问作者Aleksandra Wenus