イメージリンクコンテナの高さ

Question

私はブートストラップで動作しているウェブサイトを持っています。私はコンテナの高さに合わせて画像を取得しようとしています（it's huge right now）。私はmake an image fit its container by setting the image height to the containers heightを見ましたが、うまくいきません。ここで

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <!--<a class="navbar-brand" href="/">K7DXS</a>--> 

はイメージです：：

 <a class-"navbar-brand" class="k7dxslogo" href="/"><img src="/k7dxsblink.gif" class="k7dxslogo" alt="K7DXS" /></a> 

残りのコード：

</div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
     <li><a href="/linux.php">Linux</a></li> 
       <li><a href="/radio.php">Ham Radio</a></li> 
       <li><a href="/contact.php">Contact</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="/partners.php">Partner Sites</a></li> 
     <li><a href="/links.php">External Links</a></li> 
     </ul> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 

マイ関連のstyle.css：それはリンクの内側だからである理由として私の最高の推測

.k7dxslogo { 
    height: 100%; 
} 

なぜ効果がありませんng、どうすれば修正できますか？

EDIT：明らかに、私は何かのために明確な高さを設定したくありません。これを行うには、サイトが応答しないようにします。

Answer 1

HTML imgタグに「img-responsive」クラスを追加します。

navbar-brandの定義済みの高さを設定します。