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>