title: Bootstrap affix not working with bootstrap class
body: <p>I am relatively new to bootstrap and trying to design my page with bootstrap affix. Here in code When I removes my <code>col-lg-6</code> class from  that is located inside affix targeted div it works perfectly fine but it doesn't work with given bootstrap class is applied there. I tried after removing that particular class at that time it works exactly fine.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;body id="top" data-spy="scroll" data-target="#header"&gt;
    &lt;header id="header" style="background-position: 0% 0px;"&gt;
      &lt;a class="image avatar" style="cursor: pointer;"&gt;
        &lt;img src="resources/images/Nimesh.jpg" alt=""&gt;&lt;/a&gt;
      &lt;h1&gt;&lt;strong&gt;Ata at Turpis&lt;/strong&gt;, cep curae tempus&lt;br&gt; adipiscing erat ultrices laoreet&lt;br&gt; aliquet ac Adipiscing.&lt;/h1&gt;
  
      &lt;ul class="nav nav-tabs nav-stacked" data-spy="affix"&gt;
        &lt;li class="active"&gt;&lt;a href="#section-1"&gt;Section One&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#section-2"&gt;Section Two&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#section-3"&gt;Section Three&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#section-4"&gt;Section Four&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#section-5"&gt;Section Five&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
    &lt;/header&gt;
  
    &lt;div id="profileImage"&gt;
  
    &lt;/div&gt;
  
    &lt;div id="main"&gt;
      &lt;div id="section-1" class="background"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 1a  --&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 1a  --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="section-2" class="background"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 2a  --&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 2b  --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="section-3" class="background"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 3a  --&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 3b  --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="section-4" class="background"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 4a  --&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 4b  --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div id="section-5" class="background"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 5a  --&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;!--content 5b  --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>