html - Bootstrap レスポンシブ イメージの問題

Question

私はこの Bootstrap シーン全体に不慣れです。画像をナビゲーションバーのブランドとして配置し、ウィンドウのサイズを変更しようとしています

<a class="navbar-brand" href="#"><img alt="Brand" src="images/logo.png" class="img-responsive" /></a>

私も試しimg-fluidて追加しましstyle='width:100%'たが、何も機能せず、そのサイズは常に静的です。

Answer 1

追加したい画像がある場合:

.img-responsive {
    height: auto;    // the height will be in the images correct aspect ratio.
    max-width: 100%; //Keep the image width the same as it's parents container. 
}

Answer 2

あなたのコードはうまく機能しています。ここで同じコードを試しました。チェックしてください。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<a class="navbar-brand" href="#"><img alt="Brand" src="http://img.logospectrum.com/dec/dummy-logo.jpg" class="img-responsive" /></a>