When i used your provided soultion in my project, where is master page exist, then my dropdown menu does not get work.
i think your provided script and link are creating problem.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
So how can i tackle it.
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="Appprd.MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.navbar {
overflow: hidden;
background-color: #0026ff;
}
.navbar a {
float: left;
font-size: 12px;
color: white;
text-align: center;
padding: 12px 14px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 12px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: orangered;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fcfafa;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: blue;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<div class="navbar">
<%-- <a href="#home">Home</a>
<a href="#news">News</a>--%>
<div class="dropdown">
<button class="dropbtn">
MasterFiles
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="ItemOpenForm.aspx">Item Master File SB</a>
<a href="itemBB.aspx">Item Master File BB</a>
<a href="CusItemopen.aspx">Item Customer File</a>
<a href="CustomerOpen.aspx">Customer</a>
<a href="Section.aspx">Section</a>
<a href="ImportOD.aspx">Import</a>
<a href="asgnitem.aspx">BigBale Assign Item</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
SmallBale
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="SBinputForm.aspx">Small Bale</a>
<a href="DuplicateSBPR.aspx">Duplicate Print</a>
<a href="sbscn.aspx">Machine Scan</a>
<a href="sbscn.aspx">Pack Scan</a>
<a href="SalesOrder.aspx">Sales Order</a>
<a href="SOInputFrm.aspx">New Sales Order</a>
<a href="DailySBProduce.aspx">Daily Production</a>
<a href="OrderRefSBProduction.aspx">Order Wise Status(QTY)</a>
<a href="ordwweigt.aspx">Order Wise Status(Weight)</a>
<a href="sbdaywise.aspx">Day Wise Status(QTY)</a>
<a href="DayWiseProdSB.aspx">Item Day Wise Status</a>
<a href="WorkerProductivity.aspx">Worker Productivity</a>
<a href="AllItemView.aspx">All Items</a>
<a href="TransferOrder.aspx">Bale Transfer</a>
<a href="RepackingForm.aspx">Repacking</a>
<a href="CustomerWisepb.aspx">CustomerWiseBale</a>
<a href="MonthwiseSB.aspx">Month Wise Small Bale</a>
<a href="SpiltExcel.aspx">Spilt Excel</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
Reports
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="yeildopn.aspx">Yeild Item Wise</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
BigBale
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="BBInputForm.aspx">BigBale_Input</a>
<a href="BBBck.aspx">Back Entry</a>
<a href="BigbaleCat.aspx">Daily Production</a>
<a href="BBSumary.aspx">Daily Production Summary</a>
<a href="DispatchBB.aspx">Dispatch</a>
<a href="BBDisList.aspx">Dispatch List</a>
<a href="DispatchDetail.aspx">Stock</a>
<a href="BBDEl.aspx">Delete Bale</a>
<a href="BBDisM.aspx">Scan Bale</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
Belt
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="ContOpening.aspx">Container Opening Form</a>
<a href="Issurg.aspx">Daily Issuance Form</a>
<a href="DlyIsueRpt.aspx">Daily Rags Issuance Detail</a>
<a href="issuragsum.aspx">Rags Summary</a>
<a href="RagsCOnsume.aspx">All Rags Status</a>
<a href="RagsDispatch.aspx">Dispatch list</a>
<a href="RagsDispMaster.aspx">Dispatch</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
HR
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="timereg.aspx">Time Register</a>
<a href="empreg.aspx">Attendance Register</a>
<a href="attreg2.aspx">Attendance Status</a>
<a href="timein.aspx">Time</a>
<a href="salgen.aspx">Salary Generate</a>
<a href="salsum.aspx">Salary Summary</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">
Inventory
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="DCfrm.aspx">DC Form</a>
<a href="DClist.aspx">DC List</a>
<a href="COAOpn.aspx">Supplier Form</a>
<a href="GrnFrm2.aspx">GRN</a>
<a href="GrnFrm.aspx">General GRN</a>
<a href="GRNLst.aspx">GRN List</a>
<a href="issfrm.aspx">Issuance Form</a>
<a href="itemi.aspx">Item Form</a>
<a href="Invstk.aspx">Stock</a>
</div>
</div>
<a href="DashBoard.aspx">DashBoard</a>
<a href="LogingForm.aspx">Logout</a>
</div>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
