2012-07-17 15 views
5

ここで私が直面している問題があります。ブートストラップスクロール機能が動作しない

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

それは最初で最後のタブを強調され、スクロールしたときには、スクロールの各ステップに2つだけのタグが切り替わります。

ここには小さなコードが使用されています。

<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

+0

これは解決されましたか?スニペットが機能しているようです。あなたの問題を解決した答えはどれですか? –

答えて

0

Twitterのブートストラップではsubnavクラスが定義されていません。これはTwitterのBootstrapのページで提供されていますが、再利用するためにはCSSのコードをいくつか含める必要があります。この特定のページ専用に設計されています。 Subnavは、スクロールするときの位置を固定して、CSSとWDのJSを調べる方法を確認しています。

+1

私はnavbarをTOPに配置するためにCSSとJSを含んでいます... 質問に私のリンクをチェックしてください...私の問題のライブでの実例です... – Sandeep

0

私は数時間前にこの問題に遭遇しました。あなたと同じ方法で使っています(bodyでスパイし、sectionをターゲットとして使用します)。 結局のところ、ファイルの先頭にある<!DOCTYPE html>を逃しただけですが、デモサイトを確認しましたが、既にhtml5宣言があります。

ところで私はブートストラップv2.1に切り替えました