title: How to remove white space over the bootstrap navigation bar in vue js?
body: <p>i've just created new component with navbar code within:</p>
  
  <pre><code>&lt;template&gt;
    &lt;!-- Navigation --&gt;
    &lt;nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top"&gt;
  .....
  &lt;/template&gt;
  </code></pre>
  
  <p>and my index.html without any changes.</p>
  
  <p><a href="https://i.stack.imgur.com/WGzvX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WGzvX.png" alt="enter image description here"></a></p>
  
  <p>I've tried to make changes based on my googling results, actually set my own style to nav tag didn't help.</p>