title: How to use multiple target on body with Bootstrap ScrollSpy
body: <p>I want to use Bootstrap ScrollSpy with multiple nav, my main nav and a vertical subnav.</p>
  
  <p>I tried multiple thing like :</p>
  
  <ul>
  <li><code>&lt;body data-spy="scroll" data-target="#main-nav #subnav"&gt;</code></li>
  <li><code>&lt;body data-spy="scroll" data-target="#main-nav, #subnav"&gt;</code></li>
  <li><code>$('body').scrollspy({target: "#main-nav"});</code><br>
  <code>$('body').scrollspy({target: "#subnav"});</code></li>
  <li><code>$('body').scrollspy({target: "#main-nav"}, {target: "#subnav"});</code></li>
  <li>Putting wrapper div:<br>
  <code>&lt;body data-spy="scroll" data-target="#main-nav"&gt;&lt;div data-spy="scroll" data-target="#subnav"&gt;</code></li>
  </ul>
  
  <p>but nothing worked fine...</p>
  
  <p>How can I acheive this?</p>
  
  <p>Thank you!</p>