title: Using bootstrap template with vanilla web components
body: <p>I have a traditional ASP.NET MVC web site, that uses the Metronic Bootstrap template.</p>
  
  <p>Now, I'm thinking of rewriting this web site using the vanilla web components approach. </p>
  
  <p>So I did a small test, and wrote a web component without shadow dom, and it seems my component just uses the Metronic style fine, so it inherits it from the parent page where I included it.</p>
  
  <p>However, when I enable shadow DOM, then CSS propagation stops, and now my web component is not using the Metronic style anymore.</p>
  
  <p>At this time I'm a bit uncertain on how to handle this situation: I can simply not use shadow DOM, but then, I'm not using the full strength and encapsulation of web components. </p>
  
  <p>So how would you handle the situation where you have a large Bootstrap template that you want to use, in combination with web components? Is it worth it? Are there guidelines for this kind of situation?</p>