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

我刚开始使用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>

我想把整个容器放在页面中央。

引导已内置类供您使用，而不是默认标记。为您的图像尝试以下操作：

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

我肯定我以前试过，但没有成功：（你的div也被设置为只覆盖一半的页面。将你的col-sm-6 col-md-6更改为col-xs-12。中间块应该可以工作，所以我不确定问题出在哪里。如果我这样做，它就会居中。但是，外部括号/行/容器从页面的末端延伸到末端，而不是像应该的那样只覆盖图片。你的col-xs-12div将为整个页面的宽度创建一个容器。您的缩略图div应该是为图片/标题创建边框的div。检查您的thumnail css或将其发布到此处，以便我可以帮助您完成。我刚刚复制并粘贴了CDN，因此我使用默认css。链接是否确定