title: Flask giving 404 for static resources
body: <p>I'm sure this is easy, but I'm missing it.</p>
  
  <p>The following flask template works, but gives 404 on the static files</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head lang="en"&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Flask starter&lt;/title&gt;
          &lt;link rel="stylesheet" href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" href="/static/bower_components/bootstrap/dist/css/bootstrap-theme.min.css"&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1&gt;Hello from template&lt;/h1&gt;
          &lt;script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the console output:</p>
  
  <pre><code>127.0.0.1 - - [28/May/2015 07:07:40] "GET / HTTP/1.1" 200 -
  127.0.0.1 - - [28/May/2015 07:07:41] "GET /static/bower_components/bootstrap/dist/css/bootstrap.min.css HTTP/1.1" 404 -
  127.0.0.1 - - [28/May/2015 07:07:41] "GET /static/bower_components/bootstrap/dist/css/bootstrap-theme.min.css HTTP/1.1" 404 -
  127.0.0.1 - - [28/May/2015 07:07:41] "GET /static/bower_components/bootstrap/dist/js/bootstrap.min.js HTTP/1.1" 404 -
  </code></pre>
  
  <p>Here is my project structure:</p>
  
  <pre><code>.
  ├── app
  |   ├── __init__.py
  |   ├── templates
  |   │   └── index.html
  |   └── views.py
  └── static
      └── bower_components
          ├── bootstrap
          │   └── dist
          │       ├── css
          │       ├── fonts
          │       └── js
          └── jquery
              └── dist
  </code></pre>
  
  <p>What am I doing wrong?</p>