2016-05-10 3 views
0

Navの上に大きなロゴとスローガンがあり、画面サイズが768pxより小さくなると、両方の要素の位置が変わるようにしたいと思っています。だから、それを開始するブートストラップにスローガンを追加するnavbar-fixed-top?

はそう enter image description here

ようになり、私はこれについてどのように行くだろう、この

enter image description here

に変更するのでしょうか?

+0

どういうところですか? – isherwood

+0

あまり膨らんでいないように編集しました – GeorgeWL

答えて

0

ロゴを<img>に2回、上部に1回、メニューに1回ドロップします。

次に、適切な---使用グリッド応答utilsの表示/非表示:

(私はBS3を仮定しているトップのロゴにインナーメニューのロゴを .visible-xsすなわちhttp://getbootstrap.com/css/#responsive-utilities

を & .hidden-xsをここをクリック)

編集:これを参照してくださいJSFiddle

+0

私はその部分が別の質問だったことに気付き、削除しました。 大きな問題は、nav-fixed-topの上の列にロゴ+スローガンを行う方法を考え出すことです。 – GeorgeWL

+0

同じ原則が適用されます - スローガンは.hidden-xsを取得し、ロゴは内側が「」のcol-xs-12を取得します – Vino

+0

すぐに私のためにそれをコード化できますか?私はあなたを取得していません – GeorgeWL

関連する問題