Question

最近我一直在建立一个你可以提交模因的网站。我选择了Bootstrap，因为那是最好的选择。但是，我使用“缩略图”类来为我的图像添加下面的一些自定义内容。现在我想把这些缩略图放在中心位置，但它只是不起作用。我一直在谷歌搜索并尝试各种方法，但没有任何工作。

这是显示缩略图的部分（我正在使用Laravel 4）：

@if($memes->count())
    @foreach($memes as $meme)
        <div class="thumbnail">
            <a href="{{ asset($meme->image) }}">
                @include('layouts.partials.image')
            </a>
            <div class="caption">
                <h2 class="title">{{ $meme->title }}</h2>
                <p class="description text-muted">Submitted by {{ $meme->name }} {{ $meme->created_at->diffForHumans() }}</p>
            </div>
        </div>
    @endforeach
@else
    <h4 class="default-message">{{ $message }}</h4>
    {{ link_to_route('submit-a-meme', 'Submit New Meme', null, ['class' => 'btn btn-sm btn-default']) }}
@endif

这是显示它的视图文件：

@extends('layouts.default')

@section('content')
    <div class="row text-center">
        <h1>THE LATEST MEMES :)</h1>

        <div class="col-sm-6 col-md-4">
            @include('pages.home.partials.homememe', ['message' => 'Oops, no more memes  to view. Maybe you want to submit one?'])
        </div>
    </div>
@stop

内容部分内的所有内容都包含在容器中。

Bootstrap缩略图居中不起作用

0 个答案: