Javascript 引导转盘滑块：一次4个图像-一次只显示一个图像？

我试图在我的网站上实现这个4图像滑块，但由于某些原因，一次只能显示一个图像

我在这里复制粘贴了代码：

由于某些原因，只有一个图像占用了为其中4个图像保留的空间。当您按下向右箭头或等待间隔时，它将转到第二个图像

有人知道为什么会这样吗

---

请参阅下面注释中的代码：

您可以在视图中使用旋转木马指示器，并按升序设置每张幻灯片的图片，例如

</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner" style="width:89%" >
    <div class="item active">
        <img src="picture source" alt="First slide">
        <div class="carousel-caption">
           <strong>anything on an image displayed</Strong>
        </div>
    </div>

显示的图像上的任何内容

---

希望它有帮助…

如果您希望一次滚动4个图像，那么您的图像没有正确嵌套。只需使用此代码，它就可以正常工作

<div class="col-md-12 text-center"><h3>Bootstrap 3 Multiple Slide Carousel</h3></div>
<div class="col-md-6 col-md-offset-3">
<div class="carousel slide" id="myCarousel">
  <div class="carousel-inner">
    <div class="item active">
      <div class="row">
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=1" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=2" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=3" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=4" class="img-responsive"></a></div>
      </div>
    </div>
    <div class="item">
      <div class="row">
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=5" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=6" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=7" class="img-responsive"></a></div>
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=8" class="img-responsive"></a></div>
      </div>
    </div>
  </div>
  <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
</div>
</div>

Bootstrap 3多张幻灯片转盘

看起来不错，请详细说明您的问题？您可能不包括引导css文件，因为它们与一个图像的旋转木马具有相同的功能，但它们通过将旋转木马的容器与col-xs-3分开，使其包含4个图像，col-xs-3是引导css文件中的一个类。bootstrap.css:，bootstrap.min.css:，slider.css:@KenD我不明白你的评论是什么意思，你是否将这些文件包含在这些URL中（粘贴库）？或者你只是告诉我你包括了什么？代码就在那些文件里