相关疑难解决方法(0)

我想创建一个带有bootstrap 3的左粘条菜单,如:

http://getbootstrap.com/getting-started/

我已经阅读了给定的文档http://getbootstrap.com/javascript/#affix

我尝试.affix但结果为零.

更新:@Skelly,
谢谢你的好榜样.是的,我想要你的榜样.我下载你的示例html,但下载后,html文件的侧栏在那里不起作用.

我正在使用Bootstrap 3.我想重新创建与Bootstrap站点上的文档中的侧栏相同的功能.

下面是我的代码,它也在这里:http://bootply.com/82119

两个问题.

1. 当您向下滚动每个部分的页面时,侧边栏项目不会突出显示.
2. 当您单击侧边栏项时,它会跳转到相关锚点,但一半的内容不可见.更改data-offset值似乎没有任何效果.

我究竟做错了什么？

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="list-group navbar" id="sidebar">
                <ul class="nav" id="mynav">
                    <li><a href="#c1" class="list-group-item">
                          Content 1
                        </a>
                    </li>
                    <li> <a href="#c2" class="list-group-item" contenteditable="false">Content 2
                        </a>
                    </li>
                    <li> <a href="#c3" class="list-group-item" contenteditable="false">Content 3
                        </a>
                    </li>
                    <li> <a href="#c4" class="list-group-item" contenteditable="false">Content 4
                        </a>
                    </li>
                    <li> <a href="#c5" class="list-group-item" contenteditable="false">Content 5
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-9" id="mycontent" data-spy="scroll" data-target="#sidebar" data-offset="0">
                <h2 id="c1" class="">Content 1</h2>
At …