bootstrap header(navbar-fixed-top)涵盖菜单项(bs-docs-sidebar)

时间:2014-12-20 20:43:30

标签: twitter-bootstrap header navbar

这是我的网站:http://forecast.geertjan.it/

它基于bootstrap。

在这个网站上,我同时使用bs-docs-sidebar和navbar-fixed-top。

我使用bs-docs-sidebar作为(右)侧的菜单,其菜单项使用id跳转到h1-titles。

我使用navbar-fixed-top作为固定标题(高度:51px)。

当访问者点击菜单项时,网站会跳转到标题,但标题位于标题后面。或者,换句话说:标题在标题上方可见。

我怎样才能确保当访问者跳转到标题时标题是可见的?

从逻辑上讲,跳跃标题从顶部可以看到51px。

这是一个标题示例:<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">

但它没有解决我的问题....帮助

1 个答案:

答案 0 :(得分:0)

清除浏览器缓存,标题位于固定导航栏下方似乎也是我。

相关问题