1
Answer

Both @Html.ActionLink & Anchor tag aren't working bootstrap

Jimit Bhatt

Jimit Bhatt

8y
380
1
I'm not getting what wrong actually is going on? In dropdown I've added @Html.ActionLink and even <a> tag. But surprisingly both are not working(i.e. On Click: no action happens).
Can any body please help me to sort it out what's wrong in my code?

Head Tag 
  1. <head>  
  2.     <meta charset="utf-8">  
  3.     <meta name="viewport" content="width=device-width, initial-scale=1">  
  4.     <title></title>  
  5.   
  6.     <link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />  
  7.     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />  
  8.     <link href="@Url.Content("~/Content/DropDown.css")" rel="stylesheet" />  
  9.     <link href="@Url.Content("~/Content/SideMenu.css")" type="text/css" rel="stylesheet" />  
  10.     <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>  
  11.     <script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>  
  12.   
  13. </head>  
 Body Tag:
 
  1. <nav class="navbar navbar-default navbar-fixed-top">  
  2.         <div class="container">  
  3.             <div class="navbar-header">  
  4.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">  
  5.                     <span class="icon-bar"></span>  
  6.                     <span class="icon-bar"></span>  
  7.                     <span class="icon-bar"></span>  
  8.                 </button>  
  9.                 <a class="navbar-brand font-color" href="#myPage" style="font-family:Georgia;">  
  10.   
  11.                     Company Name  
  12.   
  13.                 </a>  
  14.             </div>  
  15.             <div class="collapse navbar-collapse" id="myNavbar">  
  16.                 <ul class="nav navbar-nav navbar-right">  
  17.                     <li class="dropdown">  
  18.                         <a href="#about" class="dropbtn">Company <span class="caret"></span></a>  
  19.   
  20.                         <div class="dropdown-content">  
  21.   
  22.                             @Html.ActionLink("Introduction","Introduction","Default")  
  23.                             <a href="~/PDF/Objectives-of-Company.pdf" target="_blank">Objectives of Company </a>  
  24.                             <a href="#">RTI Act</a>  
  25.                         </div>  
  26.                     </li>  
  27.                     <li><a href="#about">Reports</a></li>  
  28.                     <li class="dropdown">  
  29.                         <a href="#about" class="dropbtn">  
  30.                             About Us<span class="caret"></span>  
  31.   
  32.                         </a>  
  33.   
  34.                         <div class="dropdown-content">  
  35.                             <a href="#" style="color:#52a4d4;">History</a>  
  36.                             <a href="#">Organisation Structure</a>  
  37.                             <a href="#">Functions of KSNDMC</a>  
  38.                             <a href="#">Executive Committee</a>  
  39.                         </div>  
  40.   
  41.                     </li>  
  42.                     <li class="dropdown">  
  43.                         <a href="#about" class="dropbtn">Company Data<span class="caret"></span></a>  
  44.                         <div class="dropdown-content">  
  45.                             <a href="#" style="color:#52a4d4">Rainfall Data</a>  
  46.                             <a href="#">Company Data</a>  
  47.                             <a href="#">Company Data</a>  
  48.                             <a href="#">Company Details</a>  
  49.                             <a href="#">Company Details</a>  
  50.                             <a href="#">Company Details</a>  
  51.                             <a href="#">Company Details</a>  
  52.   
  53.   
  54.                         </div>  
  55.                     </li>  
  56.                     <li><a href="#services">Activities</a></li>  
  57.                     <li class="dropdown">  
  58.                         <a href="#" class="dropbtn">Gallery<span class="caret"></span></a>  
  59.                         <div class="dropdown-content">  
  60.                             <a href="#">Photo Gallery</a>  
  61.                             <a href="#">Video Gallery</a>  
  62.                         </div>  
  63.                     </li>  
  64.                     <li><a href="#contact">Contact Us</a></li>  
  65.                     <li><a href="#contact">Sign In</a></li>  
  66.                 </ul>  
  67.             </div>  
  68.         </div>  
  69.     </nav>  
 
Answers (1)