title: Bootstrap 4 tooltips not centered
body: <p>I am getting bizarre results with my tooltips. They are not centered properly.</p>
  
  <p>Please see this fiddle: <a href="https://jsfiddle.net/uf0epmxm/6/" rel="nofollow noreferrer">https://jsfiddle.net/uf0epmxm/6/</a></p>
  
  <p>I have absolutely no idea why this is happening. I reproduced it in the fiddle. You can see that it is not centered when you hover over the "Add Role" button:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-primary" data-modal="http://laraback.dev/roles/add" data-toggle="tooltip" title="Add"&gt;Add Role&lt;/button&gt;
  </code></pre>
  
  <p>One thing I noticed is if I remove the top blue navbar entirely it centers correctly.</p>
  
  <p>Thanks for the help.</p>