【发布时间】：2015-02-19 11:01:15
【问题描述】：
这是我的网站：http://forecast.geertjan.it/
它基于引导程序。
在这个网站上，我同时使用 bs-docs-sidebar 和 navbar-fixed-top。
我将 bs-docs-sidebar 用于（右侧）的菜单，谁的菜单项使用 id 跳转到 h1-titles。
我将 navbar-fixed-top 用于固定标题（高度：51px）。
当访问者点击菜单项时，网站会跳转到标题，但标题位于标题后面。或者，换句话说：标题在标题上方可见。
我如何确保访问者跳转到标题时可以看到该标题？
从逻辑上讲，跳转标题在距离顶部 51 像素处可见。
这是一个标题示例：<h1 id="introduction" class="page-header">Introduction</h1>
我试过body { padding-top: 40px; }，但它并没有解决我的问题。
我已将引导库放在自己的之前：
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/docs.min.css" rel="stylesheet">
<link href="forecast.css" rel="stylesheet">
但这并不能解决我的问题....帮助
【问题讨论】：
标签： twitter-bootstrap header navbar