Bootstrap的缩略图不会在Laravel 5.2中水平显示

Question

我试图创建一个视图，在同一行显示引导程序缩略图，我尝试了不同的方法，并且显示缩略图类型列表。

这是我在控制器方法：

public function show($id) 
    { 
     $properties = Property::find($id); 

     $files = File::where('property_id', $properties->id)->get(); 

     return view('properties.show', compact('properties', 'files')); 
    } 

这是我在视图中方法：

@foreach($properties->files as $index=>$file) 

     <div class="row"> 
      <div class="col-sm-6 col-md-2"> 
      <div class="thumbnail"> 
       <img src="{{ URL::asset('uploads/products/' . $file->name) }}" alt="{{ $file->property_id }}" width="300" height="200"> 
       <div class="caption"> 
       <div class="caption" align="center"> 
        <button onclick="return confirm('Está seguro eliminar esta imagen?')" class="button btn btn-danger btn-xs" data-toggle="tooltip" data-placement="top" title="Eliminar"><i class="material-icons delete-white">delete</i></button> 
       </div> 
       </div> 
      </div> 
      </div> 
     </div> 

@endforeach 

这种方式它们被示出的图像作为缩略图：

这应该是正确的方法：

有人可以指导我纠正这个小的不便吗？

Answer 1

你应该在你的.row中循环。 foreach方法只是重复它内部的每个代码。所以它每一次重复<div class="row">...</div>。

<div class="row"> 

    @foreach($property->files as $index => $file) 
     <div class="col-sm-6 col-md-2"> 
      <div class="thumbnail"> 
       <img src="{{ URL::asset('uploads/products/' . $file->name) }}" alt="{{ $file->property_id }}" width="300" height="200"> 
       <div class="caption"> 
        <div class="caption" align="center"> 
         <button onclick="return confirm('Está seguro eliminar esta imagen?')" class="button btn btn-danger btn-xs" data-toggle="tooltip" data-placement="top" title="Eliminar"><i class="material-icons delete-white">delete</i></button> 
        </div> 
       </div> 
      </div> 
     </div> 
    @endforeach 

</div>