我使用 bootstrap 制作了一个简单的网站。它在桌面上运行良好,但当我在移动设备 (ios) 上尝试时,navbar navbar 覆盖了大部分屏幕。
所以我使用了它,但现在它在顶部创建了一个空白
< div class="navbar navbar-default navbar-fixed-top; hidden-xs" role="navigation">
所以问题是: 我怎样才能使它既适合桌面又适合移动设备。我试着寻找了一段时间的答案,但找不到继续下去的答案。
提前致谢。
最佳答案
如果您复制了一个 Bootstrap 示例模板,它们通常会向主体添加填充。使用开发人员工具检查导航栏中的所有容器,看看是什么导致了边距/填充。
Bootstrap 开箱即用,移动响应优先。除非您已经自行自定义 CSS,否则您不需要进行太多调整即可完成所需的操作。
关于css - 在移动设备上将静态导航栏更改为静态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26134639/