Carousel Bootsrap et Symfony

Bonjour à tous,

Voila je rencontre un petit problème avec mon code.

J'essaie sans succès d'adapter un Carousel Boostrap à mon code pour pouvoir afficher le contenu d'une de mes tables, mais je n'arrive pas à harmoniser les deux logiques, je me doute que cela doit être assez simple mais mon niveau malheureusement ne me permet pas de m'en sotir. Besoin d'aide svp. Merci d'avance pour toute attention.

Ici ma boucle
{% if produits|length != 0 %}
{% for produit in produits %}
    <div class="thumbnail">
    <img src="{{ asset(produit.image.AssetPath) }}" >
    <div class="caption">
    <p>{{ produit.nom }}
    </div>
    </div>
{% endfor %}
{% else %}
Prochainement !
{% endif %}

Ici Bootstrap
<!-- Carousel
            ================================================== -->
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">
                <div class="item active">
                    <div class="thumbnail">
                      <img src="http://placehold.it/300x200/" alt="Slide1">
                      <div class="caption">

                      </div>
                    </div>        
                </div><!-- End Item -->
                <div class="item">
                    <div class="thumbnail">
                      <img src="http://placehold.it/300x200/" alt="Slide2">
                      <div class="caption">

                      </div>
                    </div>        
                </div><!-- End Item -->
                <div class="item">
                    <div class="thumbnail">
                      <img src="http://placehold.it/300x200/" alt="Slide1">
                      <div class="caption">

                      </div>
                    </div>        
                </div><!-- End Item -->                                
              </div><!-- End Carousel Inner -->
              <div class="carousel-controls">
                <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
              </div>
            </div><!-- /.carousel -->