Twitter bootstrap 3 在页面中使缩略图居中

Twitter bootstrap 3 在页面中使缩略图居中,twitter-bootstrap-3,thumbnails,Twitter Bootstrap 3,Thumbnails,我有一个图像在一个缩略图里面(使用bootstrap3),我想把这个图像居中,但它在页面的左边。如何将此缩略图居中 代码如下: <div class="container"> <div class="row-fluid"> <div class="col-sm-12"> <div class="img-thumbnail"> <img class="img-re

我有一个图像在一个缩略图里面(使用bootstrap3),我想把这个图像居中,但它在页面的左边。如何将此缩略图居中

代码如下:

<div class="container"> 
    <div class="row-fluid">
        <div class="col-sm-12">
            <div class="img-thumbnail">
                <img class="img-responsive center-block" src="images/winning logo.png" 
                      alt="...">
                     <div class="container">
                            <div class="caption">
                                <h5><a href="Portlogo.html">Logo Design</a></h5>        
                            </div>

                     </div>


             </div> 
         </div>
    </div>                                        
 </div>

对布赖恩说:我的缩略图放在旋转木马里不起作用。缩略图的宽度在旋转木马内延伸(右侧和左侧)

<div class="carousel-inner">

    <div class="item active">
        <div class="row text-center">
            <div class="col-sm-12">
                <a href="" class="thumbnail">
                    <img class="img-responsive center-block" src="images/winning 
                         logo.png" alt="Slide">
                            <div class="carousel-caption">
                                <h4>CANYONLAND RENTALS</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetuer 
                                          adipiscing elit. </p>
                            </div>
                </a>
            </div><!--END OF COL-SM-12-->
        </div><!--END OF ROW-->             
    </div>
</div>


问题解决后,需要将单词“缩略图”更改为“img缩略图”。

应用到
文本中心
。img\u缩略图
可能重复感谢brian的建议和链接。我加了进去,结果成功了。这已经解决了。再次感谢。我只是想知道这是否也适用于旋转木马缩略图内的图像?它适用于任何宽度大于图像的边界框。brian,它不适用于旋转木马内的我的缩略图。缩略图的宽度在旋转木马内延伸(右侧和左侧)。