title: react JS bootstrap JS not working
body: <p>I am building a REACT JS application using bootstrap, the bootstrap CSS is working fine. however it does not seem to be loading the javascript as the menu toggle button does not activate/toggle the menu.</p>
  
  <p>here is my index page which includes the query and javascript:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html class="no-js" lang=""&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
        &lt;meta name="description" content=""&gt;
        &lt;meta name="viewport" content="width=device-width"&gt;
  
        &lt;title&gt;ICETEA&lt;/title&gt;
  
        &lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"&gt;
        &lt;link rel="stylesheet" href="/css/main.css"&gt;
  
        &lt;script src="https://code.jquery.com/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
        &lt;!-- Latest compiled and minified JavaScript --&gt;
        &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;div id="app"&gt;&lt;/div&gt;
  
      &lt;script src="/js/main.js"&gt;&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There were no errors in the end. I was working from one directory and building form another hence why no changes were being pushed to the browser.</p>