在移动设备上将静态导航栏更改为静态答案

【问题标题】：Changing static navbar to static on mobile在移动设备上将静态导航栏更改为静态
【发布时间】：2014-10-01 05:25:02
【问题描述】：

我使用引导程序制作了一个简单的网站。它在桌面上运行良好，但当我在移动（ios）导航栏上尝试时，导航栏覆盖了大部分屏幕。

所以我使用了这个，但现在它在顶部创建了一个空白

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

所以问题是：我怎样才能使它对桌面和移动设备都友好。我试图寻找答案一段时间，但找不到太多要继续的内容。

提前致谢。

【问题讨论】：

这还不清楚。不要放一个;在你的类中使用分号。 Bootstrap 的导航栏在您在自定义程序中设置的断点处折叠，通常为 767px。这会将其变成一个切换菜单。阅读文档并查看示例。以正确的最小宽度更改较大的视口样式。如果您在最小宽度媒体查询之外为较大屏幕设置菜单样式，则它在较小的视口上看起来不正确

【解决方案1】：

如果您复制了 Bootstrap 示例模板，它们通常会在正文中添加填充。使用开发者工具检查导航栏中的所有容器，看看是什么导致了边距/填充。

Bootstrap 设计为开箱即用，首先是移动响应式及更高版本。除非您自己继续自定义 CSS，否则您无需进行太多调整即可完成所需的工作。

【讨论】：