Bootstrap Scrollspy не работает

Вы должны указать свой элемент css для html через класс, а не идентификатор. Это сделает вашу вещь проще. Я думаю, что ваш 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;
}

ДЕМО