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

Question

我使用bootstrap创建了一个简单的网站。它在桌面上工作正常但是当我在移动设备（ios）上尝试它时，导航栏导航栏覆盖了大部分屏幕。

所以我使用了它，但现在它在顶部

创建了一个空白

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

所以问题是： 我怎样才能使它既适合桌面又适合移动设备。我试着寻找一段时间的答案但是找不到太多的东西。

提前致谢。

Answer 1

如果您复制了Bootstrap示例模板，则通常会向主体添加填充。使用开发人员工具从导航栏中检查所有容器，以查看导致边距/填充的原因。

Bootstrap是开箱即用的设计，只需先进行移动响应即可。你不需要做太多调整就可以做你需要的事情，除非你已经开始自己定制CSS。