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

标签 css twitter-bootstrap mobile

我使用 bootstrap 制作了一个简单的网站。它在桌面上运行良好,但当我在移动设备 (ios) 上尝试时,navbar navbar 覆盖了大部分屏幕。

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

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

enter image description here

所以问题是: 我怎样才能使它既适合桌面又适合移动设备。我试着寻找了一段时间的答案,但找不到继续下去的答案。

提前致谢。

最佳答案

如果您复制了一个 Bootstrap 示例模板,它们通常会向主体添加填充。使用开发人员工具检查导航栏中的所有容器,看看是什么导致了边距/填充。

Bootstrap 开箱即用,移动响应优先。除非您已经自行自定义 CSS,否则您不需要进行太多调整即可完成所需的操作。

关于css - 在移动设备上将静态导航栏更改为静态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26134639/

相关文章:

html - CSS 选择器和 HTML

html - 折叠的导航栏在第一个下拉列表元素主菜单和右边距之间有边距

html - 如何使输入字段具有多行

html - 我如何将图标添加到 Bootstrap 下拉列表

javascript - 从 jQuery mobile 1.4.2 传递值。使用 php 到另一个页面

css - 输入为单选按钮标签,当输入获得焦点时选择会更改

css - 日历部分隐藏在 &lt;header&gt; 标签中

css - 768px 的 Bootstrap 网格问题

javascript - (React Native) 显示数组中项目的卡片列表

android - 有没有办法通过官方 API 提高 Android 设备的背光?