Twitter Bootstrapのナビゲーションバーにロゴ画像を挿入するにはどうすればよいですか?
主な要件:
画像は左側に配置する必要があります。
その隣にブランドクラス。ブランドを右にずらしてみました。画像が表示されますが、モバイルまたは小さなブラウザー ウィンドウでは、ブランド クラスが画像の上に表示されます。
右端のドロップダウン メニュー。
Twitter Bootstrapのナビゲーションバーにロゴ画像を挿入するにはどうすればよいですか?
主な要件:
画像は左側に配置する必要があります。
その隣にブランドクラス。ブランドを右にずらしてみました。画像が表示されますが、モバイルまたは小さなブラウザー ウィンドウでは、ブランド クラスが画像の上に表示されます。
右端のドロップダウン メニュー。
画像を div 内にラップし、それに.brand
クラスを追加するだけで、次のようになります。
<div class="brand"><img class="logo" src="http://placehold.it/50x50"></div>
<a href="#" class="brand">Project name</a>
または、ロゴをクリック可能にしたい場合は、次a
のようにブランド リンク内に挿入するだけです。
<a href="#" class="brand"><img class="logo" src="http://placehold.it/50x50"> Project name</a>