title: Overwriting styles from Bootstrap in an angular2 component-stylesheet
body: <p>I have an angular2 application build with angular-cli containing several components. Each component has a referenced stylsheed (scss).</p>
  
  <p>Unique styles from those stylesheets are correctly applied to the component-template.</p>
  
  <p>What I cannot do is overwrite styles from external css's which are included in the angular-cli from those component-stylesheets.</p>
  
  <p>As soon as I move the style to the central styles.scss it works.</p>
  
  <p>My angular-cli.json looks like this:</p>
  
  <pre><code>  "styles": [
      "../node_modules/bootstrap/dist/css/bootstrap.css",
      "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
      "../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css",
      "styles.scss"
    ],
  </code></pre>
  
  <p>Any Ideas how I can overwrite the bootstrap-css in the component.scss?</p>