title: Twitter Bootstrap 3 File Structure Confusion
body: <p>I downloaded the bootstrap 3 master zip from github (which includes the docu site), and noticed that they are importing the header/footer file into the page/default.html file like you would do in PHP.</p>
  
  <p>For example, this is the code in the home.html file (in docs/_layouts):</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;!-- Meta, title, CSS, favicons, etc. --&gt;
  {% include header.html %}
  &lt;/head&gt;
  &lt;body class="bs-docs-home"&gt;
  &lt;a class="sr-only sr-only-focusable" href="#content"&gt;Skip to main content&lt;/a&gt;
  
  &lt;!-- Docs master nav --&gt;
  {% include nav/main.html %}
  
  &lt;!-- Page content of course! --&gt;
  {{ content }}
  
  {% include footer.html %}
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can I do the same thing? Are they using Javascript to import the files? I'm on a server that doesn't allow php (college site).</p>
  
  <p>Any help would be appreciated since I'm am still learning and this would make it a lot easier not having to update 20+ html files each time the menu changes.</p>