顶部导航栏阻止页面顶部内容

我有这个推特引导代码

<div class='navbar navbar固定顶'>
<div class='navbar-inner'>
<div class='container'>
<一个class='btn btn navbar'数据目标='.导航折叠'数据切换='collapse'>
<span class='icon-bar'&gt&lt/span>
<span class='icon-bar'&gt&lt/span>
<span class='icon-bar'&gt&lt/span>
&lt/a>
<div class='nav-collapse'>
<ul class='nav'>
<li class='active'>
<a href='https://stackoverflow.com/questions/10336194/10〕https://stackoverflow.com/questions/10336194/some_url“>我的家&lt/a>
&lt/李>
<李>
<a href='10〕https://stackoverflow.com/questions/10336194/some_url“>方案1&lt/a>
&lt/李>
<李>
<a href='https://stackoverflow.com/questions/10336194/10〕https://stackoverflow.com/questions/10336194/some_url“>另一种选择&lt/a>
&lt/李>
<李>
<a href='10〕https://stackoverflow.com/questions/10336194/some_url“>另一种选择&lt/a>
&lt/李>
&lt/ul>
&lt/部门>
&lt/部门>
&lt/部门>
&lt/部门>

但是当我查看页面的开头时,导航栏会阻塞页面顶部附近的一些内容。有没有办法让它在查看页面顶部时将其余内容向下推,这样内容就不会被导航栏阻挡

如果您使用的是响应引导,那么添加这样的填充是不够的。在这种情况下,当您调整窗口大小时,页面顶部和导航栏之间会有一个间隙。合适的解决方案如下所示:

正文{
填充顶部:60px;
}
@介质(最大宽度:979px){
身体{
填充顶部:0px;
}
}

发表评论