ブートストラップ3 .img応答の画像はリンク内の応答画像ではありません

Question

私はブートストラップ3を使用しており問題があります。私のイメージのいくつかは行に反応しますが、instaとvkのリンクを持つイメージは応答しません。画像のサイズは40×40

コードのhtml

<nav class="navbar navbar-default-footer" role="navigation"> 

    <div class="container-fluid"> 

    <div class="row"> 

    <div class="col-lg-4 col-md-4 col-xs-4"> 
    <img src="images/Originals/example2.jpg" class="img-responsive"> 
    </div> 

    <div class="col-lg-4 col-md-4 col-xs-4">  
    <a href="#" data-toggle="tooltip" data-placement="left" title="Ищи меня в Instagram"><img src="images/insta_40x40.jpg" class="img-responsive"></a> 

    <a href="#" data-toggle="tooltip" data-placement="right" title="Ищи меня VK"><img src="images/vk_40x40.jpg" class="img-responsive"></a> 
    </div> 

    <div class="col-lg-4 col-md-4 col-xs-4"> 
    <img src="images/Originals/example2.jpg" class="img-responsive">  
    </div> 
    </div> 

    <div class="container"> 
    <div class="row"> 
    <div class="col-lg-12 col-md-12 col-xs-12"> 
    <p class="footer_text"> 
Свадебные прически в Виннице. Людмила Кулик. Все права защищены, любое копирование и использование материала запрещено без согласия автора.</p> 
    </div> 
    </div> 
    </div> 
    </div> 
</nav> 

CSS

.navbar-default-footer { 
    background-color: white; 
    text-align: center; 
    margin-bottom: 0; 
} 

div.col-lg-4.col-md-4.col-xs-4 img { 
    margin-left: auto; 
    margin-right: auto; 
    display: inline; 
    } 

.footer_text { 
    font-size: 5px; 
    color: #708090; 
    margin-bottom: 0px; 
} 

すべての助けを

おかげ

下回っています！

Answer 1

aの要素はデフォルトでdisplay: inline;です。 a要素をdisplay: inline-block;またはdisplay: block;に設定します。