fancybox缩略图的响应填充

Question

我想删除我的fancybox缩略图中发生的填充，当我将窗口调整为小视图时。在桌面视图中，它们看起来像这样：http://i.imgur.com/wcw0FN1.png

当我调整视口大小时，缩略图占用了全部12列，但是向每边添加了大量的填充。这里是一个图像作为参考：http://i.imgur.com/2HePovc.png

我想缩略图占用所有12列，但摆脱填充，同时保持缩略图居中在下面的文本在页面上。

这是与相关的文本每个缩略图我的HTML代码：

<div class="col-sm-6 top__767 center__767"> 
          <div class="row"> 
           <div class="col-sm-12 col-md-6"> 
            <a class="thumbnail fancybox" rel="" href="images/sommerhuse/2.jpg"> 
             <img class="img_wr" alt="" src="images/sommerhuse/2.jpg" /> 
            </a> 
           </div> 
           <div class="col-sm-12 col-md-6"> 
            <h5><strong>Hvide Sande</strong></h5> 

            <p class="static-height">Minim elit et pariatur aliqua veniam qui fugiat duis ad nostrud occaecat et minim. Do 
             culpa aliqua do sit mollit ea. Enim laboris laborum qui exercitation irure pariatur 
             non eiusmod.</p> 
            <a class="subpage_btn btn_top_offset" href="#">Tryk for at se Mere</a> 
           </div> 
          </div> 
         </div> 

Answer 1

我认为问题是，在一个标签有100％的宽度和1个像素边框。 你可以给一个标签一个max-width和dislpay：inline-block并且给父div一个text-align：center;