Javascript 单列带缩略图的引导转盘

这是我上一期的扩充版

当缩略图增加时，它将进入第二行。如何使其溢出（不希望缩略图出现水平滚动）并使用pre/next按钮移动

$('#myCarousel').carousel({
              pause: true,
              interval: false
            });

            // handles the carousel thumbnails
            $('[id^=carousel-selector-]').click( function(){
              var id_selector = $(this).attr("id");
         console.log(id_selector);
//            var id = id_selector.substr(id_selector.length -1);
       var parts = id_selector.split("-");
            var id = parts[parts.length - 1]
              id = parseInt(id);
              $('#myCarousel').carousel(id);

              $('[id^=carousel-selector-]').removeClass('selected');
              $(this).addClass('selected');
            });

            $('#myCarousel').bind('slide.bs.carousel', function (e) {
              var slideFrom = $(this).find('.active').index();
              var videoContent = $('.item[data-slide-number='+slideFrom+'] .embed-responsive');
              videoContent.html( videoContent.html() );
            });

            // when the carousel slides, auto update
            $('#myCarousel').on('slid.bs.carousel', function (e) {
              var id = $('.item.active').data('slide-number');
              id = parseInt(id);
              $('[id^=carousel-selector-]').removeClass('selected');
              $('[id=carousel-selector-'+id+']').addClass('selected');
            });

---

类似于：@ketan。但是也可以将缩略图与幻灯片一起移动吗？您可以将这种方式用于滚动，对于单行，您可以使用

.list inline{white space:nowrap；}