Trying to make my navbar dragdown on mobile
<p>So basically, im using the data-toggle and data-target to ensure that when my website is mobile it will have a drop down menu. However it does not seem to be working.  Here is some of my code</p>

<p></p>

<p></p>

<pre><code>&lt;div class="container"&gt;

  &lt;a href = "#" class="navbar-brand"&gt;Chey&lt;/a&gt;

  &lt;button class = "navbar-toggle"data-toggle = "collapse" data-target =  ".navHeaderCollapse"&gt;
    F
  &lt;/button&gt;

&lt;div class="collapse navbar-collapse navHeaderCollapse"&gt;

  &lt;ul class = "nav navbar-nav navbar-right"&gt;

    &lt;li&gt;&lt;a href = "#"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href = "#"&gt;About&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href = "#"&gt;Contact&lt;/a&gt;&lt;/li&gt;

  &lt;/ul&gt;


  &lt;/div&gt;
</code></pre>