angular2 + bootstrap + data-toggle="tab"
<p>I stuck with stupid problem. 
I have the following code:</p>

<pre><code>            &lt;div class="row"&gt;
                &lt;div class="span12"&gt;
                    &lt;ul id="myTab" class="nav nav-tabs"&gt;
                        &lt;li class="active"&gt;
                            &lt;a href="#tab-1" data-toggle="tab"&gt;Details&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="#tab-2" data-toggle="tab"&gt;Images&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="#tab-3" data-toggle="tab"&gt;Paints&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="#tab-4" data-toggle="tab"&gt;Manual&lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                    &lt;div class="tab-content" #tab &gt;
                        &lt;div class="fade tab-pane active" id="tab-1"&gt;
                        &lt;/div&gt;
                        &lt;div class="fade tab-pane" id="tab-2"&gt;
                        &lt;/div&gt;
                        &lt;div class="fade tab-pane" id="tab-3"&gt;
                        &lt;/div&gt;
                        &lt;div class="fade tab-pane" id="tab-4"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
</code></pre>

<p>If i have p tag with id - it works fine. 
But I have tabs. I reviewed a lot of examples and questions for SoF but nothing works for me. Am I doing something wrong?</p>