title: Angular how to import a style within a component and apply it to all its children
body: <p>I'm using Angular material, but there is no timepicker. So as a solution I wanted to use the <a href="https://ng-bootstrap.github.io/#/components/timepicker" rel="nofollow noreferrer">ng bootstrap timepicker</a> within a dialog. NgBootsrap requires an import of the <code>bootstrap.css</code>, but here comes the problem. When I import it in my my <code>styles.scss</code> it overrides the Material styles. And when I import it within my component it doesn't get applied to it's children an so not to the NgBootstrap timepicker. I tried turning off the ViewEncapsulation, but this behaves like importing the styles in my <code>styles.scss</code>.</p>
  
  <p>How can I import the bootstrap css within a component and apply it to all its children.</p>