我在 _Layout.cshtml 中有这段代码
<p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
而不是"您的徽标在这里",我想添加徽标图像。
为此,
您必须进行如下更改。
<p class="site-title">
<a href="@Url.Action("Index", "Home")">
<img src="your/img/path.jpg" alt="" />
</a>
</p>
对于 MVC 布局页面,您可以通过以下方式实现它:
<div class="navbar-header">
<div class="navbar-header pull-left">
<a class="navbar-brand" href="@Url.Action("Index", "Home")">
<img src="~/Images/Logo.jpg" alt="Site Logo" style="height:25px; width: 25px" /></a>
</div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@Html.ActionLink("Application Name", "Index", "Home", null, new { @class = "navbar-brand" })
</div>
您可以按照自己想要的方式设置样式。
要将默认值更改为图像:
违约:
<div class="float-left">
<p class="site-title"><a runat="server" href="~/">your logo here</a></p>
</div>
将您的图像(例如"your_image.png"复制到已经创建的"图像"目录中,并添加带有该文件名的"img"标签,如下所示。 下面的示例还更改了"href"以指向您的URL(www.your_url.com/),显然您会将其更改为所需的任何网站:
<div class="float-left">
<p class="site-title"><a runat="server" href="http://www.your_url.com/"><img src="../Images/ your_image.png" alt="" /></a></p>
</div>