Boostrap使用固定的导航栏和锚点标签跳转到部分

Question

我正在尝试使用锚标签导航到使用引导程序和固定到顶部的导航栏的网页的特定部分。问题是，当我单击锚链接时，由于应用于正文的边距，它们不能正确滚动到该部分的开头，它滚动通过部分开始。

body { 
    margin-top: 60px; 
} 

我该如何解决这个问题？

请参见下面的jsfiddle一个完整的演示：http://jsfiddle.net/6kwrY/

Answer 1

的解决方案是使用：

.section { 
    padding-top: 60px; 
    margin-top: -60px; 
} 

Answer 2

通过填充添加余量为所有区间p的，除非它们被“第一”。

body { 
    margin-top: 60px; 
} 

section p { 
    font-size: 30px; 
    line-height: 1.5; 
    margin-bottom: 35px; 
    padding-top: 60px; 
} 

#first p { 
     padding-top: 0px; 
}