Bootstrap API Carousel Continuous

J'ai travaillé avec l'API Bootstrap et j'ai travaillé sur le carrousel. Je veux avoir quelques images "dériver" sur la page en mouvement constant, avec l'image suivante à partir de la droite et déplacer lentement sur la page, lorsque celle-ci est hors de la page, commencez la suivante à partir de la droite. Je ne veux pas que l'image ne s'arrête jamais. J'ai essayé d'utiliser certaines des options telles que l' interval , la pause et l' wrap mais sans succès. Existe-t-il un moyen d'y parvenir avec le carrousel par défaut?

 <!-- Carousel --> <div id="this-carousel-id" class="carousel slide"><!-- class of slide for animation --> <div class="carousel-inner"> <div class="text-center item active"><!-- class of active since it's the first item --> <img src="<?php realpath($_SERVER["DOCUMENT_ROOT"]); ?>/public_html/img/phone_slide.png" alt="" /> </div> <div class="item"> <img src="<?php realpath($_SERVER["DOCUMENT_ROOT"]); ?>/public_html/img/phone_slide.png" alt="" /> </div> </div><!-- /.carousel-inner --> </div> <!-- /Carousel --> <script> $(document).ready(function(){ $('.carousel').carousel({interval: 500}); }); </script> 

• Mettez 2 svg côte à côte
• Enveloppez chaque mot d'un contenu html dans une portée
• Devrais-je charger une conception réactive via JS ou CSS
• Alignez les images et div horizontalement
• Comment faire défiler une page vers le bas et une fois que vous appuyez sur la fin de la barre latérale, laissez-la au bas de la page

 .carousel-inner > .item { -webkit-transition: 5s linear left; -moz-transition: 5s linear left; -o-transition: 5s linear left; transition: 5s linear left; }