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: 1

Related post

  • Replacement for NoNameScript that works with latest version of mIRC? 2011-03-31

    I was using NoNameScript for a while, but it doesn't work with latest mIRC versions and is no longer being developed. Is there are way to get NoNameScript to work with the latest version or a similar replacement? --------------Solutions-------------

  • Running "sudo chef-client" does not update with latest version of cookbook 2014-02-25

    Here's the situation: I have a recipe that I've been working on to install monit and install a custom monit configuration. That configuration has changed the past couple of days. I have a chef server and a chef node. The server has the most up-to-dat

  • Ng-file-upload progress bar not working with offlinejs 2016-01-21

    I'm use ng-file-upload for fileuploading in my home, and the good news is that it's working fine and I'm able to upload files. The issue is that the progress bar only shows when i disable the offlinejs in index.html. It seems like offlineJS i prevent

  • bootstrap button is not working with jquery plugin 2016-01-26

    I am using jquery form plug-in for posting my form ajax way. Post is working fine with default button.But it is not working when I am using custom bootstrap button as below . Please let me know what i am missing here? http://jquery.malsup.com/form/#v

  • Vertical Navigation Bar not working properly 2016-02-16

    I am trying to make a navigation bar for the left side of my page but it is not working properly. The link color won't change to green, the hover feature doesn't work, and the background color for the menu only covers the links themselves instead fro

  • Closure compiler command line doesn't seem to work with latest version 2016-03-24

    Our source code uses the closure compiler to minify javascript. Recently I was tasked with upgrading it to the latest version. When I did, the javascript component would no longer compile properly. The version we used previously was v20131014. I trie

  • Restoring SPSite not working with different versions 2011-11-24

    I'm having issues with restoring my .bak files to my own sharepoint environment due to version difference. My version is currently: Sharepoint Server with Enterprise Client Access License Ms sharepoint Foundation 2010 core : 14.0.4763.1000 Security U

  • Bootstrap active class not working with django 2016-01-27

    I tried to use active class with django, so the user knows what page they are on but It's not working. I tried tried using it like this <div class="text-center" style="margin-bottom: 20px"> <ul class="pagination">

  • Bootstrap Popover Plugin not working with dynamic element through ajax 2016-01-28

    Using popover of bootstrap Popover Plugin library pulling content from ajax and assigning it to html and then calling $('[data-toggle="popover"]').popover(); but its not working. $.ajax({ url : '/recent_activity_jsn.html', data : {}, dataType :

  • Page Navigation is not working with permalink structure 2012-06-19

    I am displaying a list of employees using my custom plugin. My permalink structure is %category%%postname%/ My page navigation was like http://www.example.com/emp/?page=2, and was working fine until now. But now it rewrites url like http://www.exampl

  • 2Checkout libray is not working with PHP Version 5.5.30 2016-01-22

    I am using 2checkout library from https://github.com/2Checkout/2checkout-php. I am experiencing vary vague behavior of this library on 2 different servers. It is working perfectly fine on a server which has PHP Version 5.5.29 but when I try to set it

  • cheese not working with latest update of gstreamer 2011-06-17

    One of more needed gstreamer elements are missing: gconfaudiosrc,gconfvideosink. According to the information I found both are part of the GStreamer Good Plugins 0.10 which Synaptic says I have installed. I have cheese 2.32 on Ubuntu 10.10 ----------

  • XPages DojoDataGrid does not work with bootstrap theme 2016-01-20

    İ need to use dojoDataGrid with bootstrap theme. but it does not work with bootstrap. is there any solution for this? if i use OneUI2 or below DojoDataGrid displays all data with custom Rest Service if i try to use OneUI 2.1 and above especcially any

  • Thymeleaf upgrade to version 3 not working with thymeleaf-layout-dialect 1.3.2 2016-02-17

    I am trying to upgrade thymeleaf to version 3 but unfortunatelly it is not working with layout dialect. Is there any solution to get i work? Thank you <dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf</artifact

  • LayerSwitcher() not working with Group Layers in Geoserver 2014-09-24

    I created a layer group. then previewed the layer using the GeoServer Layer Previewer and it all worked nicely.But Layer switcher is not working properly.layer switcher doesn't show any layers Here is my code <?xml version="1.0" encoding=&quo

  • php not working with apache install 2011-01-11

    I have a centos server. I have installed apache 2.2.17 from a .tar.gz file. I've also install php 5.3 from the ius repository. That worked fine and apache is functioning and so is php 5.3. However, when i put a phpinfo.php file in the directory that

  • Ubuntu 14.04 wifi not working with BCM4312 2011-08-04

    I'm having serious problems installing the Broadcom drivers for Ubuntu. It worked perfectly on my previous version, but now, it is impossible. What are the steps to install Broadcom wireless drivers for a BCM43xx card? I'm a user with no advance know

  • Restarted computer during update; "the system network service is not compatible with this version" 2012-05-01

    Yesterday I upgraded my Ubuntu by SSH but before I finished it, I restarted my computer. I know that was not very smart. Anyway now I don't have internet connection, the WiFi or Ethernet is not recognized. When I try on the latest version installed,

  • Ethernet controller ENC28J60 not working with Arduino Nano nor Mega 2013-11-01

    I have a problem with running ENC28J60 with Arduino with EtherCard.h. This is the device I use: http://img20.allegroimg.pl/photos/oryginal/36/70/08/91/3670089168 This is the library and examples: https://github.com/jcw/ethercard I use Arduino IDE 1.5

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 2.349 (s). 13 q(s)