这也是我在使用Bootstrap3开发
完美解决方案一:使用两个导航占位
大致意思就是给页面设置两个导航nav一个是空的导航栏一个则是设置navbar-fixed-top的导航栏
..........
完美解决方案二:使用JS使body永远根据nav高度进行padding-top(推荐)
大致意思就是使body通过不同分辨率屏幕下nav的搞定设定padding-top响应的值
代码为:
..........
var onResize = function() {
$("body").css("padding-top", $(".navbar").height());
};
$(window).resize(onResize);
$(function() {
onResize();
});
以上则是Bootstrap个人博客给导航nav设置navbar-fixed-top后导航栏遮盖内容完美解决方案,希望日后在使用Bootstrap个人博客开发前端时可以帮助到大家!