title: angular2 + bootstrap + data-toggle="tab"
body: <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>