【问题标题】:Bootstrap Scrollspy doesn't workBootstrap Scrollspy 不起作用
【发布时间】:2013-10-06 18:20:19
【问题描述】:

为什么我的滚动间谍不起作用?

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>

【问题讨论】:

    标签: jquery twitter-bootstrap scrollspy


    【解决方案1】:

    您应该通过类而不是 id 为 html 元素提供 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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多