Hello, new to bootstrap, sorry for any inconvenience. I recently created a new website for my business using bootstrap, everything looks and performs great, well almost everything. There is only one small issue that really doesn't matter that much, since almost all of my content is on one page, but would be nice if it worked. When viewing in a mobile browser, the navbar collapses into a menu, however the button to open the menu is not working.

Code for the navbar:
Code:
<nav class="navbar navbar-inverse navbar-fixed-bottom">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="../index.html">Twenty Mile Security Specialists</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="../index.html">Home</a></li>
            <li><a href="#about">About</a></li>
           <li>
              <a href="#services">Services</a>
             
            
            <li>
              <a href="#members">Members Area</a>
            
                 <li><a href="#contact">Contact</a></li>
                 </li>
                 </li>
                 </li></li></ul>
                   <ul class="nav navbar-nav navbar-right">
        
            <li><a href="tel: 303-505-5603"><strong>303.505.5603</strong></a></li>
              </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
Any help would be greatly appreciated, if you see anything at all that I should change, please let me know. Very much a nooooob!!! Thanks! I suppose it could be in the javascript, which I know nothing about at all...