在手机上将静态导航栏更改为静态

我使用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

在手机上将静态导航栏更改为静态

回答

相关问题