bootstrap 3 - hrefs -navigation links not working

I've never encountered this. My site navigation on this page: is not working. But the code is completely fine.  When I click on any of the links, they don't go anywhere - I just stay on the page.

<!DOCTYPE html> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<TITLE>IKON Ltd Contemporary Art Gallery</TITLE>

<!-- Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet">
    <script src="js/respond.js"></script>
    <!--end bootstrap-->

<link href="css/main.cfm" rel="stylesheet" type="text/css" />

<!-- js for slide show-->
<script type="text/javascript" src=""></script>

<script type="text/javascript" src="fadeslideshowresp.js">

* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at for this script and 100s more

<script language="JavaScript" type="text/javascript" src=""></script>
<script language="JavaScript" type="text/javascript" src=""></script>

<!--background from nahem site-->
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<link rel="stylesheet" href="" />
<script src=""></script>


<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12 logoNew" style="background:#126eca;">
<a  href=""><img class="img-responsive" border="0" src="" /></a>

<!-- row 1: navigation -->
    <div class="row">
      <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
            <span class="sr-only">Toggle Navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav  nav-justified">
<li ><a  href="">Current Exhibition</a></li>
<li ><a href="">Featured Works</a></li>
<li ><a href="">Artists</a></li>
<li ><a href="">Past Exhibitions</a></li>
<li ><a href="">About</a></li>
<li ><a href="">Contact</a></li>
<li class="active"><a href="">Home</a></li>
<div class="row">
<div id="fadeshow1" style="margin:0 auto;"></div><!--.fadeshow1-->


<script type="text/javascript">


<!--eof show thumb on rollover for artist landing page-->
<!-- bootstrap javascript -->
	<script src=""></script>
    <script src="js/bootstrap.min.js"></script>

Open in new window

Who is Participating?
phillystyle123Author Commented:
Thanks for the help, Edwin. Coldfusion runs fine on my server or it wouldn't display at all.

This appears to be an instance of calling jquery 2x.

in the footer:
<script src=""></script>

and, in the head of the page:
<script type="text/javascript" src=""></script>

I moved this:
<script src=""></script>
to the head and deleted:
<script type="text/javascript" src=""></script>

The nav is working properly now.
Edwin HofferTechnical ExpertCommented:
Hello Philly Style,

The page is in html format, you must have to use .html extension to make the link working. I tried it by downloading the page and its working fine if the page extension is .html.

Hope this will resolve your issue.

Best Regards
phillystyle123Author Commented:
Solution was due to calling jquery 2x.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.