Fatal编程技术网
  • asp.net-mvc/
  • Asp.net mvc 调用控制器和方法时，MVC视图上未显示导航栏图像

Asp.net mvc 调用控制器和方法时，MVC视图上未显示导航栏图像

asp.net-mvc model-view-controller view

Asp.net mvc 调用控制器和方法时，MVC视图上未显示导航栏图像,asp.net-mvc,model-view-controller,view,Asp.net Mvc,Model View Controller,View,问题背景： 我正在完成一个MVC项目中使用BookStrap的站点开发 问题： 如图所示，当运行网站且未明确键入主页[controller]\Index[method]时，导航栏中的徽标将正确显示： 键入返回其关联视图的控制器和方法名称时，不会在导航栏中显示徽标 代码： 页眉（包含导航栏）和页脚位于各自的cshtml文件名_Layout.cshtml中，可由使用@RenderBody方法创建的任何其他视图继承，如图所示： <!DOCTYPE html> <htm

问题背景：

我正在完成一个MVC项目中使用BookStrap的站点开发

问题：

如图所示，当运行网站且未明确键入主页[controller]\Index[method]时，导航栏中的徽标将正确显示：

键入返回其关联视图的控制器和方法名称时，不会在导航栏中显示徽标

代码：

页眉（包含导航栏）和页脚位于各自的cshtml文件名_Layout.cshtml中，可由使用@RenderBody方法创建的任何其他视图继承，如图所示：

  <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-fixed-top">
        <nav class="navbar navbar-default" role="navigation" id="nav">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand"><img src="images/logo.png" alt="yourLogo"></a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#myCarousel">Projects</a></li>
                                <li><a href="#Welcome">Welcome</a></li>
                                <li><a href="#features">Workplace, Education, Development</a></li>
                                <li><a href="#About">About Me</a></li>
                                <li><a href="#Location">Location</a></li>
                                <li><a href="#Contact">Contact Me</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="container body-content">
        @RenderBody()
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 textAlignCenter">
                    <h5>Copyright &copy; 2014</h5>
                </div>
            </div>
        </div>
    </footer>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</body>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</html>


@ViewBag.Title-我的ASP.NET应用程序
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）
切换导航

    

  • 

  • 

  • 

  • 

  • 

  • 




@RenderBody（）
版权及副本；2014
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/bootstrap”）
@RenderSection（“脚本”，必需：false）
如果您能帮助确定徽标不显示的原因，我们将不胜感激。

请将图像路径更改为相对路径

<a class="navbar-brand"><img src="@Url.Content("~/images/logo.png")" alt="yourLogo"></a>
@Venkat谢谢！真不敢相信我错过了。