4

Twitter Bootstrapのナビゲーションバーにロゴ画像を挿入するにはどうすればよいですか?

主な要件:

画像は左側に配置する必要があります。

その隣にブランドクラス。ブランドを右にずらしてみました。画像が表示されますが、モバイルまたは小さなブラウザー ウィンドウでは、ブランド クラスが画像の上に表示されます。

右端のドロップダウン メニュー。

4

1 に答える 1

3

画像を 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>
于 2012-04-22T17:54:30.250 に答える