Bootstrap 3 affix не работает

Question

Это звучит как вопрос о нобе, но я не могу заставить аффикс работать. Вторая колонка перемещается влево, как только я прокручиваю. Я предполагаю, что проблема позиционирования 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; 
}