Question

我在_Layout.cshtml中有这段代码

   <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>

而不是“您的徽标在这里”我想添加徽标图片。

Answer 1

为此，您必须进行如下更改。

<p class="site-title">
    <a href="@Url.Action("Index", "Home")">
        <img src="your/img/path.jpg" alt="" />
    </a>
</p>

Answer 2

对于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>

你可以按自己喜欢的方式设计它。

Answer 3

更改图像的默认值：
默认值：

<div class="float-left">
    <p class="site-title"><a runat="server" href="~/">your logo here</a></p>
</div>

将您的图像（例如“your_image.png”）复制到已创建的“Images”目录中，并添加带有该文件名的“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>

如何在mvc布局中添加徽标？

3 个答案: