bootstrap中nav导航栏组件遮住内容的优雅解决方案

使用bootstrap中nav导航栏组件的时候，经常会遮住内容。这里使用一种优雅的解决方式。
网络上面采用的基本上都是margin-top: xxpx，这个写死的方法，一旦导航栏高度变化，将无法动态修改高度。

代码献上：

var onResize = function(){
    $("body").css("margin-top",$(".navbar").height());
};
$(window).resize(onResize);
$(function(){
    onResize();
});