如何防止Bootstrap垂直移动菜单覆盖内容？

Question

以下屏幕截图说明了我的问题。

当导航栏链接不可见时：

当导航栏链接显示时：

HTML

objTemp

Answer 1

要将内容推送到移动设备上的菜单链接下方，请使用类.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");
}