title: How to create a hover drop down menu nav bar asp.net
body: <p>I have managed to create a navigation bar that highlights when it is hovered over, but I have not been able to manage to make it a hover drop down list. Is there any way of making this possible? this is the current code that I am using.</p>
  
  <pre><code> &lt;ul class="nav nav-pills nav-justified"&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/" class="auto-style2"&gt;&lt;strong&gt;&lt;span class="auto-style3"Home Page&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/About" class="auto-style2"&gt;&lt;strong&gt;&lt;span class="auto-style3"Painting&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/Contact" class="auto-style2"&gt;&lt;strong&gt;&lt;span class="auto-style3"Drawing&lt;/span/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/" class="auto-style2"&gt;&lt;strong&gt;&lt;span class="auto-style3"Surfaces&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/About" class="auto-style2"&gt;&lt;strong&gt;&lt;span class="auto-style3"Easels&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="auto-style1"&gt;&lt;a runat="server" href="~/Contact" class="auto-style2"&gt;&lt;strong&lt;span class="auto-style3"Display&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And finally, this is a screenshot of the product once I run it.</p>
  
  <p><a href="https://gyazo.com/6da0b7c3d170000167003bf0157e64f7" rel="nofollow noreferrer">https://gyazo.com/6da0b7c3d170000167003bf0157e64f7</a></p>