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;