title: Bootstrap navbar will not toggle
body: <p>I am rather new to using Bootstrap, and would love for one of you pros out there to show me where I am making my mistake. </p>
  
  <p>What I am trying to accomplish: I am working on a responsive website using Bootstrap. I wish for my navbar to be fixed at the top, and when the web page is reduced to a mobile size, I would like for my navbar to show menu items when pressed.</p>
  
  <p>The problem: While in mobile browser dimensions, the navbar will not show any menu items when pressed. There is no toggle.</p>
  
  <p>What I have tried: I have browsed through other user's StackOverflow questions and comments, in which the majority have said to make sure the "data-toggle" matches up with the id selector following the "collapse navbar-collapse" class.</p>
  
  <p>You will find that these match up. myNavbar is an id selector. Solution does not work.</p>
  
  <p></p>
  
  <pre><code>              &lt;div class="container-fluid" id="contentsOfMenu"&gt;
  
                  &lt;div class="navbar-header page-scroll"&gt;
  
                    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt; 
                    &lt;/button&gt;
                    &lt;div class"page-scroll"&gt;
                    &lt;a href="#welcome" id="brandLabel"&gt;&lt;img src="images/brainFishIconMenu.png"/&gt;&lt;/a&gt;
                    &lt;a class="navbar-brand" href="#welcome" &gt;BrainFish&lt;/a&gt;
                   &lt;/div&gt;
  
                  &lt;/div&gt;&lt;!--end of navbar-header---------------------------&gt;
  
                  &lt;div class="collapse navbar-collapse" id="myNavbar"&gt;
  
                    &lt;ul class="nav navbar-nav navbar-right" id="navLinkColor"&gt;
  
                      &lt;li class="page-scroll"&gt;&lt;a href="#aboutUs"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page-scroll"&gt;&lt;a href="#services"&gt;Services&lt;/a&gt;&lt;/li&gt; 
                      &lt;li class="page-scroll"&gt;&lt;a href="#approach"&gt;Approach&lt;/a&gt;&lt;/li&gt; 
                      &lt;li class="page-scroll"&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;          
                    &lt;/ul&gt;
  
                  &lt;/div&gt;&lt;!--end of myNavBar--&gt;
  
                &lt;/div&gt;&lt;!--end of contentsOfMenu---------------------&gt;
  
        &lt;/nav&gt;&lt;!--end of navigation--&gt;
  </code></pre>