如何使自定义内容缩略图居中（Bootstrap 3.3.6）

Question

我刚开始使用Bootstrap，到目前为止它真棒。但是我有一个问题，我创建了一个内容容器并在其中放了一张图片，我只想在行中有一个，我希望它放在页面的中心。我尝试过很多东西，但无济于事，他们都没有工作。任何帮助表示赞赏！我也使用Bootstrap版本3.3.6

这是我的容器代码

        <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-6">
                <div class="thumbnail">
                    <img src="random.jpg" alt="...">
                    <div class="caption">
                        <h3><center>I want the whole container in the center of the page.</center></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

Answer 1

Bootstrap内置了类，供您使用而不是默认标记。试试这个你的形象：

<img class="center-block" src="yourimage.png" />