title: I can't get scrollspy to work with my bootstrap navbar
body: <p>I know this is a very common problem, but I have spent ~two days crawling the forums, trying fixes, can't seem to find the answer. </p>
  
  <p>I have a standard bootstrap setup that uses some parallax scrolling. I have a navbar fixed to the bottom of the page. Each <code>&lt;li&gt;</code> is shaped like a circle, and inside the <code>&lt;li&gt;</code> is an <code>&lt;a&gt;</code> tag. Each 'circular' <code>&lt;li&gt;</code> is linked to an anchor tag on the page in order to provide navigation around the page. This is a one-page template set up.</p>
  
  <p>Here is a fiddle:
  <a href="https://jsfiddle.net/k8g3qydw/1/" rel="nofollow noreferrer">https://jsfiddle.net/k8g3qydw/1/</a></p>
  
  <p>I have the bootstrap.css and .js files properly enqueued, I added <code>data-target=".scrollspy" data-spy="scroll" data-offset="0"</code>
  to the <code>body</code> tag and added the class <code>.scrollspy</code> to the parent element of my <code>&lt;ul&gt;</code> like so:</p>
  
  <pre><code>&lt;div class="scrollspy board-inner"&gt;
      &lt;ul class="nav nav-tabs" id="myTab"&gt;
          &lt;div class="liner"&gt;&lt;/div&gt;
              &lt;li class="nav-item active"&gt;
  </code></pre>
  
  <p>So, I am pretty confused as to what to do! </p>
  
  <p>Any help is much appreciated!</p>