title: Bootstrap CSS not working with Flask
body: <p>*edit
  I think the code is correct so maybe it is something to do with Chrome?</p>
  
  <p>*edit 2 included the file structure
  <a href="https://i.stack.imgur.com/n3OQ6.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>I have tried adding a Bootstrap pill to my page but the CSS does not seem to be working. I have tried adding other components as well but the CSS does not seem to work for them either.</p>
  
  <p>I have also tried using "cmd shift r" (I am using a mac), but that has not helped either.</p>
  
  <p>Anyone know why this is not working and how to fix it?</p>
  
  <p>I have downloaded and put into the static the folder the bootstrap-dist.</p>
  
  <p><a href="https://i.stack.imgur.com/irOKT.png" rel="nofollow noreferrer">What the page looks like</a></p>
  
  <p><a href="https://i.stack.imgur.com/ZURUp.png" rel="nofollow noreferrer">The python code</a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Home Page&lt;/title&gt;
    &lt;meta name="viewport" content="width=device-width, initial scale=1"&gt;
    &lt;link type="text/css" href="{{ url_for('static', filename='css/bootstrap.min.css') }}"
     rel="stylesheet"&gt;
     &lt;!-- how to link an icon
     &lt;link rel="shortcut icon"
     href="{{ url_for('static', filename='icon_name.ico') }}"&gt;
     --&gt;
  &lt;/head&gt;
  &lt;header&gt;
    &lt;ul class="nav nav-pills" role="tablist"&gt;
      &lt;li role="presentation" class="active"&gt;&lt;a href="#"&gt;Home &lt;span class="badge"&gt;42&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a href="#"&gt;Messages &lt;span class="badge"&gt;3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/header&gt;
  &lt;/html&gt;
  </code></pre>