適用於小型設備的Twitter Bootstrap響應式導航欄標題

Question

該帖子的標題相當模糊。但是我遇到的問題是，全寬時我具有的響應式導航欄上不應帶有“品牌”或“標題”。 僅當在較小的設備上（即在響應模式下）查看導航欄時，導航欄上才會有品牌顯示“菜單” ...

難以掌握，因此我創建了一個JSfiddle，也可以在那里以全屏模式查看。 在響應模式下查看時，我喜歡結果，但在正常模式下，它看起來很混亂。 那么“菜單”一詞就不應該再出現了，那是毫無意義的。

// Ignore this comment

Answer 1

實際上，它很容易修復，請查看您的代碼的JSFiddle分支： http : //jsfiddle.net/sfAY6/

您可以應用一組實用程序CSS類，這些類根據設備控制可見性，例如隱藏在桌面上，但在任何較小的設備上可見。

因此，我將菜單鏈接修改為：

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

這會將菜單錨隱藏在任何被視為台式機的設備上，但在平板電腦和智能手機上仍然可見。