Bootstrap Nav Issue

I am trying to create a button-type nav bar on my classic asp pages that expands when it is clicked.  I am only getting a small "object" that, when clicked, does expand and show the links but does not have the formatting it should.  Any help would be much appreciated.  I can't post the page because it is login-based but here is some info (the rest of the bootstrap in the site works fine: www.gopherstateevents.com):

Nav contents:
			<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>
    				</div>
    				<div class="collapse navbar-collapse" id="myNavbar">
      					<ul class="nav navbar-nav">
							<li>List Items here</li>
						</ul>
					</div>
				</div>
			</nav>

Open in new window


Header:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="GENERATOR" Content="Microsoft Visual Studio 6.0">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="alternate" href="http://gopherstateevents.com" hreflang="en-us" />
<link rel="shortcut icon" href="/assets/images/g-transparent2-351x345.png" type="image/x-icon">
<link rel="stylesheet" href="/assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="/assets/tether/tether.min.css">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="/assets/socicon/css/styles.css">
<link rel="stylesheet" href="/assets/dropdown/css/style.css">
<link rel="stylesheet" href="/assets/theme/css/style.css">
<link rel="stylesheet" href="/assets/mobirise/css/mbr-additional.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker.css">

<link rel="stylesheet" href="/misc/local_styles.css">

<script src="/assets/web/assets/jquery/jquery.min.js"></script>

<script src="/misc/scripts.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-56760028-1', 'auto');
  ga('send', 'pageview');
</script>

<title>GSE Cross-Country/Nordic Ski Meets</title>
</head>

Open in new window


Footer:
<script src="/assets/popper/popper.min.js"></script>
<script src="/assets/tether/tether.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/smooth-scroll/smooth-scroll.js"></script>
<script src="/assets/jquery-mb-ytplayer/jquery.mb.ytplayer.min.js"></script>
<script src="/assets/touch-swipe/jquery.touch-swipe.min.js"></script>
<script src="/assets/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js"></script>
<script src="/assets/dropdown/js/script.min.js"></script>
<script src="/assets/jquery-mb-vimeo_player/jquery.mb.vimeo_player.js"></script>
<script src="/assets/theme/js/script.js"></script>
<script src="/assets/mobirise-slider-video/script.js"></script>

Open in new window

Bob SchneiderCo-OwnerAsked:
Who is Participating?
 
Julian HansenCommented:
Thanks Bob but I am still a bit in the dark as to what I am look at / for.
The code from your original post is just the start of a Navbar - no actual content.
Header and footer are scripts which (at this stage) don't really have a bearing beyond Bootstrap

I would need to see the code that is generating the un-populated button - which is what we are looking at - somewhere you have
<button class="..."></button>

Open in new window

A <button> with no text - which is displaying as you have it in your images.

What I need is
a) a description of what I should be seeing
b) the code that generates those views
0
 
Julian HansenCommented:
Can you post a screen shot of what you are seeing - difficult to visualize and not practical to try and recreate page with code posted.
0
 
Bob SchneiderCo-OwnerAuthor Commented:
Attached two screen shots...screenshot1.pngscreenshot1.pngscreenshot2.png
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
Bob SchneiderCo-OwnerAuthor Commented:
Oops...sorry I embedded the first file twice...
0
 
Bob SchneiderCo-OwnerAuthor Commented:
I thought I included everything except the actual <li>content</li> which are all links.  I can imagine how hard this must be with such incomplete information.  I think I am going to try a different nav utility.  Thanks so much for your time!
0
 
Julian HansenCommented:
No problem - post back if you need further assistance.
0
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.