请帮忙,因为我想自定义导航栏,并将默认名称(例如应用程序和索引等)替换为我的应用程序,主页等。Model Page Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace VidlyMovies.Models
{
public class Customers
{
public int Id { get; set; }
public string Name { get; set; }
}
}
LayoutpageCode
@{
ViewBag.Title = "Random";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2> @Model.Movies.Name</h2>
控制器页面代码
namespace VidlyMovies.Controllers
{
public class MoviesController : Controller
{
// GET: Movies/Random
public ActionResult Random()
{
var movie = new Movies() {Name = "Avengers"};
return View(movie);
}
}
}
好的,假设这是Bootstrap 3,并且您的“ css”捆绑包正在加载它,则可以使用此处的示例。尝试集成代码,我会尝试:
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Wrap your banner, app name etc. in a link back to home page -->
<a href="@Url.Action("Vidly", "Home", new { area = "" })" class="navbar-brand" title="Return to home page.">
<!-- I am using a font awesome icon plus text. You can use a bootstrap glyph or a banner, image, etc. -->
<span><i class="fa fa-home"></i> My App Name</span>
</a>
</div>
<!-- This is where you put your menu items. It will collapse if screen is small. The id is important to link above. -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active">@Html.ActionLink("Vidly", "Vidly", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</div>
</div>
</nav>
<div class="container body-content">
@RenderBody()
<hr />
<footer>
<p>© @DateTime.Now.Year - My ASP.NET Application</p>
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句