Bootstrap Scrollspy不起作用

时间:2013-10-06 18:20:20

标签: jquery twitter-bootstrap scrollspy

为什么我的scrollspy不起作用?

http://jsfiddle.net/NnREW/

<div id="nav">
    <ul id="menu">
         <li><a href="#test">test</a></li>
         <li><a href="#test2">test2</a></li>
    </ul>
</div>

1 个答案:

答案 0 :(得分:2)

你应该通过class not id给你的hss元素的css。这使你的事情变得更简单。 我认为你的CSS包含的不仅仅是需要的东西。 除此之外,您还必须添加bootstrap.min.js和bootstrap-combined.min.css。

<div class="container">
    <div class="row">
        <div id="nav" class="span3">
            <ul class="nav nav-list affix">
                <li><a href="#test">test</a>

                </li>
                <li><a href="#test2">test2</a>

                </li>
            </ul>
        </div>
        <div class="span9 content">
            <div id="test">My first div</div>
            <div id="test2">My second div</div>
        </div>
    </div>
</div>

CSS

.content div {
    background-color: #f5f5f5;
    height: 600px;
}

DEMO

相关问题