title: How to set up bootstrap installation on node.js project via npm installation
body: <p><a href="https://i.stack.imgur.com/mS0T0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mS0T0.png" alt="enter image description here"></a>I am working on a simple project for learning node.js and I tried installing bootstrap via npm. The bootstrap.css seems to be working but the output on the page is poor, also downloaded Jquery and tether, but the bootstrap.js and the jquery.js files are not loading when I check the network section of the web page.</p>
  
  <p>I have set the directories as static using express.static but the files are still not loading.</p>
  
  <pre><code>app.use(express.static(path.join(__dirname, 'public')));
  app.use('/css', express.static(__dirname+'/node_modules/bootstrap/dist/css'));
  app.use('/js', express.static(__dirname+'/node_modules/bootstrap/dist/js'));
  app.use('/js', express.static(__dirname+'/node_modules/tether/dist/js'));
  app.use('/js', express.static(__dirname+'/node_modules/jquery/dist'));
  
  
      &lt;script src="/js/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="/js/tether.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;%- include('includes/header') %&gt;
  &lt;nav class="navbar navbar-toggleable-md navbar-light navbar-inverse"&gt;
    &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;a class="navbar-brand" href="#"&gt;PassportApp&lt;/a&gt;
    &lt;div class="collapse navbar-collapse" id="navbarNav"&gt;
      &lt;ul class="navbar-nav"&gt;
        &lt;li class="nav-item active"&gt;
          &lt;a class="nav-link" href="#"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Features&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Pricing&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link disabled" href="#"&gt;Disabled&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  &lt;div class="container"&gt;
  
    &lt;div class="starter-template"&gt;
      &lt;h1&gt;Members Area&lt;/h1&gt;
      &lt;p&gt; Welcome to the members area.&lt;/p&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- /.container --&gt;
  
  &lt;%- include('includes/footer') %&gt;
  </code></pre>