Bootstrap e-Book In Hindi

Online e-Libreary C Language

Drop-Down Navigation Bar In Boootstrap :

drop-down Navigation बार का use कर किसी नेविगेशन एलिमेंट पर क्लिक करने पर उसकी sub list को display करने के लिए किया जाता है

Example :

Run

<html>
<head>
      <meta http-equiv="X-UA-Compatible" content="IE-edge" />
      <meta name="viewport" content="width=device-width" />
      <title>Drop - Down Example </title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
      <link rel="stylesheet" href="css/style.css" />
      <link rel="stylesheet" href="css/s1.css" />
     
</head>
<body>
      <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
      <script type="text/javascript" src="js/bootstrap.js"></script>
 <div class="dropdown">
 
 <ul class="nav nav-tabs">
   <li class="active"><a href="#">Home</a></li> 
   <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
         Course  <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
         <li><a href="#">HTML</a></li>
         <li><a href="#">PHP</a></li>
         <li><a href="#">Jaavascript</a></li>
      </ul>
   </li>
   <li><a href="#">About As</a></li>
   <li><a href="#">Contect As</a></li>
   <li><a href="#">Help</a></li>
</ul> 
 
</div>
</body>
</html>

 

 

Prv Next


.