ファンシーボックスのサムネイルに対する反応的な埋め込み

Question

ウィンドウを小さなビューにリサイズするときに、ファンシーボックスのサムネイルで発生するパディングを削除したいと考えています。デスクトップビューでは、次のようになります。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

私はこの問題は、A-タグが100％から幅1つのピクセルの境界線を持っていること、だと思います。 あなたはタグに最大幅とdislpay：inline-blockを与え、親divにtext-align：centerを渡すことができます。