将缩略图居中放置在页面中

时间:2014-09-26 23:22:41

标签: twitter-bootstrap-3 thumbnails

我在缩略图内部的页面中有一个图像(使用引导程序3)我希望将此图像居中,但它会转到页面的左侧。我该如何将这个缩​​略图居中?

这里是代码:

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

1 个答案:

答案 0 :(得分:1)

它解决了,需要将“缩略图”改为“img-thumbnail”。