title: Django webframework relative path to .css and other .html files
body: <p>This is what my project directory briefly looks like (not complete picture). I am having trouble linking many components together (<code>.css</code>, <code>.html</code>).</p>
  
  <pre><code>├── bootstrap-3.3.5-dist
  └── mysite
      ├── db.sqlite3
      ├── myApp
      │   ├── admin.py
      │   ├── forms.py
      │   ├── __init__.py
      │   ├── templates
      │   │   └── myApp
      │   │       ├── base.html
      │   │       ├── base_menu.html
      │   │       ├── main.css
      │   ├── tests.py
      │   ├── urls.py
      │   └── views.py
  </code></pre>
  
  <p>In the tree above, the <code>base.html</code> is my main site. I want to include the <code>main.css</code> in my <code>&lt;head&gt;</code> of <code>base.html</code>, but the path isn't correct.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="main.css"&gt;
  </code></pre>
  
  <p>I have tried <code>myApp/main.css</code>, <code>templates/myApp/main.css</code>, so on... Not only can't I link my <code>.css</code>, I also want to use template inheritance for <code>base_menu.html</code>, same issue - the relative path isn't correct.</p>
  
  <p>This is my main hindrance so far, please help. Thanks.</p>