Twitter bootstrap 如何防止引导垂直移动菜单覆盖内容？

下面的截图说明了我的问题

导航栏链接不可见时：

当导航栏链接显示时：

HTML

作家幽会，作家、出版商、制片人、经纪人在此聚会。
.导航集装箱{
边框宽度：0；
背景色：aliceblue；
}
.navbar.navbar-default{
背景色：#99ccff；
边界：0；
-webkit盒阴影：无；
盒影：无；
}
.navbar.navbar-default.navbar折叠{
边界：0；
-webkit盒阴影：无；
盒影：无；
}
（函数（i，s，o，g，r，a，m）{i['GoogleAnalyticsObject']=r；i[r]=i[r]| |函数（）{
（i[r].q=i[r].q | |[]）.push（参数）}，i[r].l=1*新日期（）；a=s.createElement（o），
m=s.getElementsByTagName（o）[0]；a.async=1；a.src=g；m.parentNode.insertBefore（a，m）
})（窗口、文档、“脚本”和https://www.google-analytics.com/analytics.js","ga",；
ga（“创建”、“UA-79802711-1”、“自动”）；
ga（‘发送’、‘页面浏览’）；
切换导航
























© 2016年罗纳德·托纳姆公司。
$（窗口）。调整大小（函数（）{
警报（$（“#编剧幽会”）.height（）
})
$（“#Writers Tryst”）。打开（“resize”，函数（）{
警报（“nb=”+$（this.height（））；
})
$（“#下拉切换-1”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
});
$（“#帐户链接”）.addClass（“隐藏”）；
$（函数（）{
$（“#审查提交文件”）。关于（“鼠标向下”，函数（）{
sessionStorage.setItem（“提交”、“审查”）；
});
$（“#更新提交”）。在（“鼠标向下”，函数（）{
sessionStorage.setItem（“提交”、“更新”）；
});
setupPage（）；
});

要在移动设备上推送菜单链接下方的内容，请使用class.navbar static top：

if(screen.width >= 768) {
    $('.navbar').addClass('navbar-fixed-top');
    $('body').css("padding-top", 128);
} else {
    $('.navbar').removeClass('navbar-fixed-top navbar-fixed').addClass("navbar-static-top");
}

---

菜单栏没有被按下意味着？菜单没有显示。它对我有效。只要运行这个代码。你对它做了修改吗？

if(screen.width >= 768) {
    $('.navbar').addClass('navbar-fixed-top');
    $('body').css("padding-top", 128);
} else {
    $('.navbar').removeClass('navbar-fixed-top navbar-fixed').addClass("navbar-static-top");
}