Bootstrap navigation bar not working with latest version

I am facing a simple issue while creating bootstrap navigation bar. I have copy the latest CDN files and paste into my head section. Everything works fine but my navigation bar sub menus and drop down menus does not open. I don't know what i am missing, Please anyone guide. Complete code is below. thanks.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>  <!DOCTYPE html>  <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>      <!-- Latest compiled and minified CSS -->     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">      <!-- Optional theme -->     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">      <!-- Latest compiled and minified JavaScript -->     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>  </head> <body>     <form id="form1" runat="server">         <div>              <nav class="navbar navbar-inverse">                 <div class="container-fluid">                     <div class="navbar-header">                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">                             <span class="icon-bar"></span>                             <span class="icon-bar"></span>                             <span class="icon-bar"></span>                         </button>                         <a class="navbar-brand" href="#">WebSiteName</a>                     </div>                     <div class="collapse navbar-collapse" id="myNavbar">                         <ul class="nav navbar-nav">                             <li class="active"><a href="#">Home</a></li>                             <li class="dropdown">                                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>                                 <ul class="dropdown-menu">                                     <li><a href="#">Page 1-1</a></li>                                     <li><a href="#">Page 1-2</a></li>                                     <li><a href="#">Page 1-3</a></li>                                 </ul>                             </li>                             <li><a href="#">Page 2</a></li>                             <li><a href="#">Page 3</a></li>                         </ul>                         <ul class="nav navbar-nav navbar-right">                             <li><a href="#"><span class="glyphicon glyphicon-user"></span>Sign Up</a></li>                             <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>                         </ul>                     </div>                 </div>             </nav>          </div>     </form> </body> </html> 

Replay

Category: twitter bootstrap Time: 2016-07-30 Views: 0

Related post

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development

search

Front-end development

Database

development tools

Open Platform

Javascript development

.NET development

cloud computing

server

Copyright (C) avrocks.com, All Rights Reserved.

processed in 0.244 (s). 12 q(s)