AI 助理
备案控制台
开发者社区 问答 正文

bootstrap中的导航条会遮挡body内容

如果只使用

body{
padding-top:70px;

}

那么当页面大小改变时仍然会遮挡一部分，内容
另外，给nav加margin-bottom:10px;不起作用
screenshot

展开
收起
爵霸 2016-06-17 11:33:05 2349 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 爵霸

    你都没弄明白 导航条遮挡body内容的原因，就胡乱加样式，肯定是不奏效的

    按照你的描述，你用了吸顶导航条 ，那么你就需要给 body 元素加 padding-top
    页面大小改变了 ，你需要用 media query 适配不同尺寸下的padding-top

    2019-07-17 19:42:20
    赞同 展开评论
问答分类：
前端开发
问答标签：
Bootstrap导航 Bootstrap导航条
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
Bootstrap 中辅助类的屏幕阅读器和键盘导航是什么？有什么用吗？
425
1
0
Bootstrap组件导航中包括什么呢？
433
1
0
Bootstrap中，实现导航右对齐的是什么呀？
796
1
0
Bootstrap中，如果要禁止响应式布局，如果使用了导航条，需要移除所有导航条的折叠和展开行为吗？
524
1
0
Bootstrap中，实现导航右对齐的是啥？
507
1
0
请问在bootstrap导航条中，点击下拉菜单之后怎样改变背景色？
5075
1
0
如何实现Bootstrap导航在所有设备下拉到最宽？
1866
1
0
如何实现Bootstrap导航在所有设备下拉到最宽？
2105
1
0
bootstrap 写的响应式导航，在手机 UC 浏览器中不执行
2646
1
0
Flink报错No resolvable bootstrap urls given in bo...
387
1
0