Bootstrap 3附加功能不起作用

Question

这听起来像一个noob问题，但我无法使用词缀工作。滚动后，第二列向左移动。我猜一个CSS定位问题？我究竟做错了什么： http://jsfiddle.net/8pbebr21/

我的初始化如下：

$("#TOC").affix();

Answer 1

您可以尝试：http://jsfiddle.net/8pbebr21/2/

只需将div#TOC包装在容器中，然后指定.affix css

HTML ：

<div class="container">
      <div class="row">
        <div class="col-md-3" >
            <div id="TOC">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan eget arcu nec placerat. Cras ultrices nisl vitae interdum accumsan. Fusce a nisi placerat turpis varius pulvinar. Donec ultrices turpis in nisl fringilla ornare non a eros. Praesent aliquet elit et scelerisque luctus. Vivamus in elit at tellus elementum ullamcorper.</div></div>

<强> CSS ：

.affix{
    width:25%;
    padding-right:15px;
}