0

投稿のタイトルはかなりあいまいです..しかし、私が抱えている問題は、全幅のときに持っているレスポンシブナビゲーションバーに「ブランド」または「タイトル」を付けるべきではないということです。ナビゲーション バーが小さいデバイス、つまりレスポンシブ モードで表示されている場合にのみ、ナビゲーション バーに「メニュー」というブランドが表示されます...

わかりにくいので、そこに全画面モードでも表示できるJSfiddleを作成しました。レスポンシブ モードで表示したときの結果は気に入っていますが、通常モードではめちゃくちゃに見えます。「メニュー」という言葉はもうそこにあるべきではありません。

// Ignore this comment
4

1 に答える 1

1

コードのこの JSFiddle フォークをチェックしてください: http://jsfiddle.net/sfAY6/

デバイスに応じて可視性を制御する、適用できるユーティリティ CSS クラスのセットがあります。たとえば、デスクトップでは非表示ですが、小さいものでは表示されます。

そこで、メニュー リンクを次のように変更しました。

<a class="brand hidden-desktop" href="#">Menu</a>

これにより、デスクトップと見なされるデバイスではメニュー アンカーが非表示になりますが、タブレットやスマートフォンでは表示されたままになります。

詳細については、こちらをご覧ください: http://twitter.github.com/bootstrap/scaffolding.html#responsive

于 2013-02-20T12:47:52.397 に答える