carousel not working when loaded in bootsrap tab

[hornyd]

I am using the carousel inside bootstrap tabs

• Best Offers
• Popular Cars

                        <div id="offer1" class="tab-pane active" role="tabpanel">
                             ---- CAROUSEL 1
                        </div>

                        <div id="popular1" class="tab-pane" role="tabpanel">
                              ---- CAROUSEL 2
                        </div>

                    </div>

the ---- CAROUSEL 2 is not loaded. If I put the CAROUSEL outside the tab, it works fine.