@foreach (var mi in menuItems){
if(mi.MenuItems.Count > 0){
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-tags"></span> &nbsp;@mi.Caption <span class="caret"></span> </a>
<ul class="dropdown-menu">
@foreach (var smi in mi.MenuItems){
<li><a href="@smi.TargetUrl"><span class="glyphicon glyphicon-tag"></span> @smi.Caption</a></li>
}
</ul>
</li>
}else{
<li><a href="@mi.TargetUrl"><span class="glyphicon glyphicon-tag"></span>@mi.Caption</a></li>
}
}
So this is my code for fetching data from the database plus it displaying it in the Navigation-Bar-Dropdown-List and it is working fine.

What I wanted to do is when I click on any item of the Dropdown-List, I wanted to redirect/open a new page showing details about that specific item once I clicked upon.

I tried but could not understand how to do that. As there are no links where I can give my partial views or views path.

Please help me out here... I hope this explains everything. If you want to know anything else please let me know. Thanks in advance.