Twitter bootstrap 如何从公用文件夹中逐个显示所有图像

当我运行此代码时，它会显示公用文件夹中的所有图像，但我希望逐个显示它们

 <div id="mycarousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
      <div class="item active">
         @foreach ($images as $image)
          <img src="{{ asset('images/' . $image->getFilename()) }}">
        @endforeach
</div>
</div>
   <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
   <span class="sr-only">Previous</span>
   </a>
   <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">
   <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
   <span class="sr-only">Next</span>
   </a>
</div>

@foreach（$images作为$image）
getFilename（））}}“>
@endforeach

您必须将class=“item”放在foreach中，保持class=“item”处于活动状态

此外，您还缺少转盘指示器，因此箭头可以显示下一个和上一个图像

---

您多次提出类似问题：

$images = \File::allFiles(public_path('images'));

return view('welcome')->with('images',$images);

    @foreach ($images as $image)
     <div class="item">
      <img src="{{ asset('images/' . $image->getFilename()) }}">
     </div>
    @endforeach