在手機上將靜態導航欄更改爲靜態

我使用bootstrap製作了一個簡單的網站。它在桌面上運行良好，但是當我在移動設備上嘗試它時（ios）導航欄導航欄覆蓋大部分屏幕。在手機上將靜態導航欄更改爲靜態

所以我用這個，但現在它創建於頂部

< div class="navbar navbar-default navbar-fixed-top; hidden-xs" role="navigation">

enter image description here

空洞所以，問題是：我怎樣才能使它桌面和移動友好。我試圖尋找一段時間的答案，但無法找到很多繼續。

在此先感謝。

來源

2014-10-01 Berk Kalkavan

這個不清楚。不要放一個;分類在你的課堂上。 Bootstrap的導航欄會在您在定製程序中設置的斷點處崩潰，通常爲767px。這將它變成一個切換菜單。閱讀文檔並查看示例。以正確的最小寬度更改較大的視口樣式。如果在最小寬度媒體查詢之外爲較大屏幕設置菜單，則在較小的視口上看起來不正確 – Christina 2014-10-01 05:39:35

如果您複製了Bootstrap示例模板，它們通常會將填充添加到正文中。使用開發人員工具從導航欄中檢查所有容器，查看導致邊距/填充的原因。

Bootstrap的設計開箱即用，移動響應第一和最多。除非您自己進行並自定義CSS，否則您不需要進行多少調整即可完成所需的工作。

來源

2014-10-01 07:15:56

在手機上將靜態導航欄更改爲靜態

回答

相關問題