asp.net css导航栏答案

【问题标题】：asp.net css navigation barasp.net css导航栏
【发布时间】：2017-10-30 01:33:00
【问题描述】：

我想为 asp.net 链接创建一个 CSS 导航栏。

<div> 
    @{
        foreach (LangViewModel langViewModel in Model.Langs)
        {
            <p>
                @Html.ActionLink(langViewModel.Name, "Lang", "Home", new { 
         langID = langViewModel.Id }, new { })
            </p>
        }
 </div>

此代码生成 3 个链接，这些链接将我引导至我网站的其他页面，即

Numbers
Alpha
Alphanumeric

现在我想要在导航栏中由 asp.net 生成这 3 个链接。 i was using w3schools as reference. 为此，我们需要以下列方式使用 <ul> and <li>tags 和一些 css。

<ul>
<li><a class="active" href="#home">Home</a></li>
 <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
   <li><a href="#about">About</a></li>
</ul>

但是我的链接是在上面的 ASP.NET 代码中生成的，所以我应该写什么才能获得导航栏。

<li><a class="active" href="WHAT SHOULD DO HERE">Home</a></li>

【问题讨论】：

更改您的 div 和 p 标签以使用 ul 和 li。你遇到了什么问题？
我应该在href标签中做什么，因为我的链接是动态的，所以我无法保留链接
@raju 动态意味着您是否从数据库中获取它们。

标签： html css asp.net asp.net-mvc

【解决方案1】：

型号

public class Langs
{
    public int ID { get; set; }
    public string Name { get; set; }
}

控制器

public class DemoController : Controller
{
    public ActionResult Index()
    {
        List<Langs> lidemo = new List<Langs>();
        lidemo.Add(new Langs { ID = 1, Name = "Home" });
        lidemo.Add(new Langs { ID = 2, Name = "About Us" });
        lidemo.Add(new Langs { ID = 3, Name = "Contact" });
        lidemo.Add(new Langs { ID = 4, Name = "Page 1" });
        lidemo.Add(new Langs { ID = 5, Name = "Page 2" });
        return View(lidemo);
    }
}

查看

输出

标记链接 Link For Mark of Navigation Bars

【讨论】：