bootstrap scrollspy不工作

http://bittu.github.com/folderGrid/

它在第一突出最后一个标签和滚动时仅两个标签之间接通滚动的每个步骤。

这是我使用的一小段代码。

<body data-spy="scroll" data-target=".subnav" data-offset="50"> 

<div class="subnav"> 
    <ul class="nav nav-pills"> 
     <li><a href="#contents">Contents</a></li> 
     <li><a href="#config">Config Options</a></li> 
     <li><a href="#usage">Usage</a></li> 
     <li><a href="#examples">Examples</a></li> 
    </ul> 
</div> 

<div class="row"> 
    <div class="span12"> 
     <section id="contents"> 
      .... 
     </section> 
     <section id="config"> 
      .... 
     </section> 
     <section id="usage"> 
      .... 
     </section> 
     <section id="examples"> 
      .... 
     </section> 
    </div> 
</div>

包含所有必需的文件。并尝试所有数字data-offset

来源

2012-07-17 Sandeep

解决了这个问题吗？该片段似乎正在工作。哪个答案解决了你的问题？ – 2013-09-10 14:37:07

Twitter的引导程序没有定义subnav类。它在Twitter的Bootstrap页面中提供，但要重复使用它，您必须包含CSS中的一些代码。它专为这个特定的页面而设计。 Subnav在滚动时固定位置，看看它是如何工作的，看看CSS和JS。

来源

2012-07-17 17:14:00

我已经包括他们的CSS以及定位导航栏到顶端的JS ... 那么请检查我的问题的链接...这是我的问题的生活工作示例... – Sandeep 2012-07-18 03:48:38

几个小时前我也遇到过这个问题。我以和你一样的方式使用它（间谍body并使用section作为目标）。最后，我发现我只是在文件开头错过了<!DOCTYPE html>，尽管我检查了你的演示站点，并且已经有了html5声明。

顺便我切换到bootstrap v2.1

来源

2012-08-25 16:44:10 liang

bootstrap scrollspy不工作

回答

相关问题