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

如果只使用
body{

padding-top:70px;

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

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

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

你需要好好看看文档了
http://v3.bootcss.com/components/#navbar-static-top

我提个不那么重要的,margin被屏蔽是选择器优先级问题,nav是元素选择器,权重只有1,bootstrap里面随便写的选择器权重都比他高。
有两种不推荐的方法:
1.给nav加id,用id选择器;
2.外边距这么写:margin-bottom:10px !important;

参考资料:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
https://segmentfault.com/a/1190000003064142

  • 前端酷爽开发环境,访问本地静态资源,是访问本地ajaxmock还是测试环境API接口,随意切换
  • antd upload组件删除的回调在哪里?
  • leancloud 的 avfile如何防盗链?
  • 项目的公共文件如图片JS等文件放在 云上,webroot只放jsp文件,怎么将静态文件通过配置文件引入,sp求大神指导
  • JavaScript中函数声明的变量,如何进行’预解析’以及内部执行流程是什么?
  • 关于Juqery的Ajax错误返回,error方法中返回的参数与网上查到的不一样,详细看下面
  • 推荐一本手机端开发CSS编写的书
  • 怎样在手机网页中判断当前是横屏或者竖屏?
  • 变量只声明会被覆盖掉吗
  • JS赛马网的笔试题提问
  • jquery的hide()方法,在IE7或者8下面的兼容性问题?