title: How to add an additional theme to a Bootstrap web project?
body: <p>I am using a theme from Bootstrap and would like to add a new un-styled theme page from the same site, which comes with it's own files:<br></p>
  
  <pre><code>css
  --bootstrap.css
  --bootstrap.min.css
  --style.css
  js
  --bootstrap.js
  --bootstrap.min.js
  --jquery-1.11.0.js
  newpage.html
  </code></pre>
  
  <p><br>
  As far as I can tell, only the <code>newpage.html</code> and the <code>style.css</code> files are different from what I already have from the current theme. I added the <code>newpage.html</code> and the <code>style.css</code> to my project. However, when I open the new page, the content is there, but it seems to be missing all of the css and the js components. I suspect it might be a path issue.<br>
  My project structure with the new files, looks like this (simplified):<br></p>
  
  <pre><code>css
  --style.css
  js
  pages
  --newpage.html
  index.html
  </code></pre>
  
  <p><br>
  In the newpage.html file, the css and the js are linked like so:<br>
  <code>&lt;link href="/css/bootstrap.min.css" rel="stylesheet"&gt;</code><br>
  <code>&lt;link href="/css/style.css" rel="stylesheet"&gt;</code><br>
  <code>&lt;script src="/js/jquery-1.11.0.js"&gt;&lt;/script&gt;</code><br>
  <code>&lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;</code><br>
  All of these files are there and accounted for. When I linked to the new page, I had to use this path: <code>"./pages/newpage.html"</code><br> What am I doing wrong? </p>