Css 自举';s缩略图未在Laravel 5.2中水平显示

Css 自举';s缩略图未在Laravel 5.2中水平显示,css,twitter-bootstrap,laravel,twitter-bootstrap-3,laravel-5.2,Css,Twitter Bootstrap,Laravel,Twitter Bootstrap 3,Laravel 5.2,我试图创建一个视图,在该视图中,我在同一行上显示引导缩略图,我尝试了不同的方法,并且显示了缩略图类型列表 以下是我在控制器中的方法: public function show($id) { $properties = Property::find($id); $files = File::where('property_id', $properties->id)->get(); return view('properties

我试图创建一个视图,在该视图中,我在同一行上显示引导缩略图,我尝试了不同的方法,并且显示了缩略图类型列表

以下是我在控制器中的方法:

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
@foreach($properties->fileas$index=>$file)
name)}“alt=“{{$file->property_id}}”width=“300”height=“200”>
删去
@endforeach
通过这种方式,他们将图像显示为缩略图:

这应该是正确的方式:


有人能指导我纠正这个小小的不便吗?

您应该在.row中循环。foreach方法只是重复其中的每一个代码。因此它每次都在重复

<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>

@foreach($property->fileas$index=>$file)
name)}“alt=“{{$file->property_id}}”width=“300”height=“200”>
删去
@endforeach

是的,我专注于其他事情,没有看到我在做什么,我需要休息,明天继续工作,谢谢兄弟。