1

我正在使用推特引导程序。

我已将此添加到我的页面中，以使导航栏与滚动一起使用。 <div class="nav-collapse collapse **navbar-fixed-top**">

但我似乎无法用 css 再次将其放置到位。您可以通过删除来查看我想要的位置position:fixed。

第二个问题是，当滚动页面时，链接应该是活跃的，我在哪个部分。这不知何故不再起作用。

我正在使用 jQuery One Page Nav 插件和 Twitter Bootstrap。

链接到直播网站

4

1 回答 1

2

默认情况下，Bootstrap 会移除平板电脑和手机的固定位置。如果您想覆盖它，请尝试：

编辑 

@media (max-width: 979px){

    .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    }  

}

对于您的菜单链接，目前您有：

<a href="#section-2">Cv</a>

链接到

 <div class="full-2">
 <div class="container-narrow">
 <div class="section" id="section-2">
 <section>
 ....

尝试将其更改为：

如果这不起作用，请将部分 div 移动如下： 

 <section id="section-2">
 <div class="full-2">
 <div class="container-narrow">

 ....

更新

@media css 中的语法不太正确（我之前的错误），你想要的是： 

/*By default, Bootstrap removes the fixed position for tablets and phones*/
@media (max-width: 979px){

.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
    }
}

然后在您的 html 中，您需要向导航栏添加一个额外的类，以指定您想要附加它： 

<div id="top-nav" class="navbar navbar-fixed-top">

完成后，一切正常，您只需要使用下拉导航链接的样式即可。

现场观看：http: //jsfiddle.net/panchroma/KbMvX/ 和http://fiddle.jshell.net/panchroma/KbMvX/show/

于 2013-03-12T22:04:44.567 回答