title: Why isn't local bootstrap.css seen?
body: <p>In an Angular 4 project, when I reference </p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.css"&gt; 
  </code></pre>
  
  <p>in index.html, all is well. If I comment out the above, I no longer have styling. My paths look like this:</p>
  
  <pre><code>- node_modules
  - e2e
  - src
  -- lib
  -- main.ts
  ---- bootstrap
  ------ dist
  -------- css
  - .angular-cli.json
  </code></pre>
  
  <p>I do have this entry in .angular-cli.json:</p>
  
  <pre><code>  "styles": [
      "styles.css",
      "./lib/bootstrap/dist/css/bootstrap.css"
    ],
  </code></pre>
  
  <p>Why doesn't the above work? boostrap.css is in the referenced folder. index.html is in the root of the <code>src</code> folder.</p>