title: owl carousel2 inside navb-tab bootstrap 3.3.6 got bug
body: <p>i have slider inside tabs.</p>
  
  <pre><code>          &lt;div id="tabs"&gt;
              &lt;!-- Nav tabs --&gt;
              &lt;ul class="nav nav-tabs responsive-tabs capital bold text-center m-b-25"&gt;
                &lt;li class="active "&gt;&lt;a href="#portfolio" role="tab" data-toggle="tab"&gt;portfolio&lt;/a&gt;&lt;/li&gt;
                &lt;li class=""&gt;&lt;a href="#recomendation" role="tab" data-toggle="tab"&gt;recomendation&lt;/a&gt;&lt;/li&gt;
                &lt;li class=""&gt;&lt;a href="#statistic" role="tab" data-toggle="tab"&gt;statistic&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;!-- Tab panes --&gt;
              &lt;div class="tab-content"&gt;
                &lt;div class="tab-pane fade in active" id="portfolio"&gt;
                  &lt;div class="row inner"&gt;
                    &lt;div class="my-portfolio"&gt;
                      &lt;div class="col-lg-3 col-md-4 col-sm-6 col-xs-12"&gt;
                        &lt;div class="card m-15"&gt;
                          &lt;div class="card-head"&gt;
                            &lt;img src="img/slider.png" class="img-responsive"&gt;&lt;!-- http://placehold.it/180x180 --&gt;
                          &lt;/div&gt;&lt;!-- card-head --&gt;
                          &lt;div class="card-body"&gt;
                            &lt;h5 class="title uppercase bold text-center"&gt;chocolate chip cookies&lt;/h5&gt;
                            &lt;div class="tag"&gt;
                              &lt;a href="#"&gt;appetizer&lt;/a&gt;,&lt;a href="#"&gt; vegetarian&lt;/a&gt;
                            &lt;/div&gt;&lt;!-- tag --&gt;
                          &lt;/div&gt;&lt;!-- card-body --&gt;
                          &lt;div class="card-footer m-t-10"&gt;
                            &lt;div class="score"&gt;
                              &lt;li&gt;200&lt;/li&gt;
                              &lt;li&gt;200&lt;/li&gt;
                              &lt;li&gt;200&lt;/li&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;&lt;!-- card-footer m-t-10 --&gt;
                        &lt;/div&gt;&lt;!-- card m-15 --&gt;
                      &lt;/div&gt;&lt;!-- col-lg-3 col-md-4 col-sm-6 col-xs-12 --&gt;
                    &lt;/div&gt;&lt;!-- my-portfolio --&gt;                     
                  &lt;/div&gt;&lt;!-- row inner --&gt;
                  &lt;div class="my-profile-load-more"&gt;
                    &lt;div class="btn btn-default btn-block m-20 bold capital"&gt;load more comment&lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;&lt;!-- tab-pane#portfolio --&gt;
                &lt;div class="tab-pane fade in" id="recomendation"&gt;
                  &lt;h4 class="bold capital"&gt;reviews &lt;span style="font-weight: normal;color: #c2c2c2;"&gt;(5)&lt;/span&gt;&lt;/h4&gt;
                  &lt;p class="capital bold"&gt;Review from older company&lt;/p&gt;
                    &lt;div class="review-company"&gt;
                      &lt;img src="http://placehold.it/350x150"&gt;
                      &lt;img src="http://placehold.it/350x150"&gt;
                      &lt;img src="http://placehold.it/350x150"&gt;
                      &lt;img src="http://placehold.it/350x150"&gt;
                      &lt;img src="http://placehold.it/350x150"&gt;
                    &lt;/div&gt;&lt;!-- Review-company --&gt;
                   &lt;/div&gt;&lt;!-- tab-pane#recomendation --&gt;
                &lt;div class="tab-pane fade in" id="statistic"&gt;
                  &lt;h4 class="bold uppercase"&gt;portfolio &lt;span style="font-weight: normal;color: #c2c2c2;"&gt;(12)&lt;/span&gt;&lt;/h4&gt;
                  &lt;div class="row"&gt;
                    &lt;div class="col-lg-6 col-md-6 col-sm-6 col-sm-6"&gt;
                      &lt;h4 class="bold capital"&gt;difficulty&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class="col-lg-6 col-md-6 col-sm-6 col-sm-6"&gt;
                      &lt;h4 class="bold capital"&gt;tag&lt;/h4&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row"&gt;
                    &lt;div class="col-lg-6 col-md-6 col-sm-6 col-sm-6"&gt;
                      &lt;h4 class="bold capital"&gt;ingredient key word&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class="col-lg-6 col-md-6 col-sm-6 col-sm-6"&gt;
                      &lt;h4 class="bold capital"&gt;base on ingredient&lt;/h4&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;hr&gt;
                &lt;/div&gt;&lt;!-- statistic --&gt;
              &lt;/div&gt;&lt;!-- tab-content --&gt;  
            &lt;/div&gt;&lt;!-- tabs --&gt;
  
  $('.review-company').owlCarousel({
      center: true,
      items:2,
      loop:true,
      margin:10,
      responsive:{
          600:{
              items:4
          }
      }
  });
  </code></pre>
  
  <p>for the first load, the slider image size is so small like the image on top 
  <a href="http://s20.postimg.org/caf6908l9/image.png" rel="nofollow">http://s20.postimg.org/caf6908l9/image.png</a></p>
  
  <p>but as soon as i go to inspect element or minimize. the bug is gone like image number 2. how to clear the bug sir?
  please help me thanks</p>