title: Displaying navbar on multiple html pages using bootstrap
body: <p>I have been searching for the answer to this for a little while now. I am using the Bootstrap framework to create a portfolio website. I have completed my index.html with a fixed-top navbar:</p>
  
  <p><a href="https://i.stack.imgur.com/VZgWA.jpg" rel="noreferrer">This is the home page. The top shows the navbar.</a></p>
  
  <p>This navbar has links to a "bio" page, a "projects" dropdown menu, and a "contact" page. I have created separate html pages for each of these (ex: I have index.html, bio.html, contact.html, video.html, design.html, etc.). However, when I press the links, they do not show the navbar, nor any other formatting.</p>
  
  <p>I have this code for the graphic design html:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Graphic Design&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
       &lt;h1&gt;Graphic Design&lt;/h1&gt;
      &lt;p&gt;Creating&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is what shows up:
  <a href="https://i.stack.imgur.com/Lmkc8.jpg" rel="noreferrer">graphicdesign.html page</a></p>
  
  <p>I wanted to know if there is a way to have the navbar consistent on every HTML page in a project.</p>
  
  <p>I have seen this: <a href="https://stackoverflow.com/questions/36130712/bootstrap-navbar-in-multiple-pages">Bootstrap Navbar in multiple pages</a> but I am having a hard time loading it using jQuery.</p>
  
  <p>I have also seen this: <a href="https://stackoverflow.com/questions/22675539/do-i-have-to-duplicate-the-navbar-code-on-every-page-with-bootstrap">Do I have to duplicate the navbar code on every page with Bootstrap?</a> but I don't want to use PHP.</p>
  
  <p>Thank you for your time.</p>