2012-04-22 16 views
4

Twitter Bootstrapのnavbarにロゴ画像を挿入するにはどうしたらいいですか?twitterの画像bootstrapモバイルのnavbar

主な要件:

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

隣にはブランドクラスがあります。私はブランドを右にシフトすることでそれを試しました。画像は見えますが、携帯電話や小さなブラウザのウィンドウでは、ブランドクラスが画像の上に表示されます。

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

答えて

3

だけdivの内側に自分の画像をラップし、それがこのようなものになりますので、同様にそれに.brandクラスを追加:ちょうど挿入まだ

<div class="brand"><img class="logo" src="http://placehold.it/50x50"></div> 
<a href="#" class="brand">Project name</a> 

またはそれ以上を、あなたのロゴはクリッカブルになりたい場合は、

<a href="#" class="brand"><img class="logo" src="http://placehold.it/50x50"> Project name</a> 
+0

私が使用しています::通常のWindows上の        Home 作品もそうのようなaブランドリンク、内部。 hrefテキストは、ロゴをより小さく、半分の長さのウィンドウに重ねて表示します。 – Gattoo

+0

空でない空白の代わりに@Gattooには、スパンタグの中にイメージが含まれ、パディング右に追加されます。 –

+0

これは、Homeで機能しました。ありがとう。 – Gattoo

関連する問題