title: Navbar toggle doesn't work in my angular component
body: <blockquote>
  <p>Do someone see problem? I tried with replacing position of bootstrap
  and jquery imports in this html. This work in online html renderer. Does this have some relation with angular?</p>
  </blockquote>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot;&gt;
      
      &lt;div class=&quot;navbar navbar-inverse &quot;&gt;
          &lt;div class=&quot;container-fluid&quot;&gt;
              &lt;div class=&quot;row&quot;&gt;
                  &lt;div class=&quot;col-lg-12&quot;&gt;
                      &lt;button class=&quot;navbar-toggle&quot; data-target=&quot;#navbarToggler&quot; data-toggle=&quot;collapse&quot;&gt;&lt;span
                              class=&quot;icon-bar&quot;&gt;&lt;/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;&lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;div class=&quot;navbar-header&quot;&gt;
                          &lt;a class=&quot;navbar-brand&quot;&gt;PROJECT&lt;/a&gt;
                  &lt;/div&gt;
  
  
                  &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarToggler&quot;&gt;
                      &lt;ul class=&quot;nav navbar-nav&quot;&gt;
                          &lt;li class=&quot;active&quot;&gt;&lt;a&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
                          &lt;li&gt;&lt;a  href=&quot;&quot;&gt;&lt;span
                                      class=&quot;glyphicon glyphicon-download-alt&quot;&gt;&lt;/span&gt;Download&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a  href=&quot;&quot;&gt;&lt;span class=&quot;glyphicon glyphicon-log-in&quot;&gt;&lt;/span&gt;
                                  Login&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a  href=&quot;register&quot;&gt;&lt;span
                                      class=&quot;glyphicon glyphicon-user&quot;&gt;&lt;/span&gt; Register&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href=&quot;&quot; (click)=&quot;logout()&quot;&gt; Logout&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  </code></pre>