title: asp.net css navigation bar
body: <p>i want to create a css navigation bar for asp.net links.</p>
  
  <pre><code>&lt;div&gt; 
      @{
          foreach (LangViewModel langViewModel in Model.Langs)
          {
              &lt;p&gt;
                  @Html.ActionLink(langViewModel.Name, "Lang", "Home", new { 
           langID = langViewModel.Id }, new { })
              &lt;/p&gt;
          }
   &lt;/div&gt;
  </code></pre>
  
  <p>this code generates 3 links which direct me to other pages of my website namely</p>
  
  <pre><code>Numbers
  Alpha
  Alphanumeric     
  </code></pre>
  
  <p>now i want have these 3 links generated by asp.net in navigation bar.
  <a href="https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black" rel="nofollow noreferrer">i was using w3schools as reference.</a>
  for this to work we need to use <code>&lt;ul&gt; and &lt;li&gt;</code>tags in following way with some css.</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a class="active" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#news"&gt;News&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>but my links are generated in ASP.NET code above so  what should i write in so that could get a navigation bar.</p>
  
  <pre><code>&lt;li&gt;&lt;a class="active" href="WHAT SHOULD DO HERE"&gt;Home&lt;/a&gt;&lt;/li&gt;
  </code></pre>