title: Unable to format bootstrap css with Angular tags
body: <p>I have added bootstrap via <code>npm install --save bootstrap</code> command and
  I have the following Angular component:
  navigation.component.html</p>
  
  <pre><code>&lt;nav class="navbar-default navbar-static-side" role="navigation"&gt;
      &lt;div class="sidebar-collapse"&gt;
          &lt;ul class="nav metismenu" id="side-menu"&gt;
              &lt;li class="nav-header"&gt;
                  &lt;div class="dropdown profile-element"&gt;
                      &lt;a data-toggle="dropdown" class="dropdown-toggle" href="#"&gt;
                          &lt;span class="block m-t-xs font-bold"&gt;Example user&lt;/span&gt;
                          &lt;span class="text-muted text-xs block"&gt;menu &lt;b class="caret"&gt;&lt;/b&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul class="dropdown-menu animated fadeInRight m-t-xs"&gt;
                          &lt;li&gt;&lt;a class="dropdown-item" href="login.html"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="logo-element"&gt;
                      IN+
                  &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class="active"&gt;
                  &lt;a href="index.html"&gt;&lt;i class="fa fa-th-large"&gt;&lt;/i&gt; &lt;span class="nav-label"&gt;Main view&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="minor.html"&gt;&lt;i class="fa fa-th-large"&gt;&lt;/i&gt; &lt;span class="nav-label"&gt;Minor view&lt;/span&gt; &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>When I start the application the source is displayed at such:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;ws-root _nghost-pqf-c14="" ng-version="9.0.0"&gt;
              &lt;ws-navigation _ngcontent-pqf-c14=""&gt; &lt;!--- ISSUE HERE ---&gt;
                  &lt;nav role="navigation" class="navbar-default navbar-static-side"&gt;
  </code></pre>
  
  <p>Since ws-root and ws-navigation tags are placed between div#id tag the CSS doesn't format the application correctly.</p>
  
  <p><a href="https://i.stack.imgur.com/V4gjU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V4gjU.png" alt="Bad Format"></a></p>
  
  <p>vs</p>
  
  <p><a href="https://i.stack.imgur.com/37mDO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/37mDO.png" alt="Good Format"></a></p>
  
  <p>What am I doing wrong here? What do I need to do so ws-root and ws-navigation tags are ignored.</p>