title: Bootstrap popover not displaying near button
body: <p>I am trying to use a Bootstrap popover.  It does pop up, but it doesn't appear near my button, and I can't figure out why.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-sm-12"&gt;
          &lt;button type="button" class="btn btn-default" id="example1" 
                  data-trigger="click" data-container="body" 
                  data-toggle="popover" data-placement="top" 
                  data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."&gt;
            Popover on top
          &lt;/button&gt;
      &lt;/div&gt;            
  &lt;/div&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="col-sm-12"&gt;
          &lt;h3&gt;Client search&lt;/h3&gt;
          &lt;div class="input-group col-sm-5"&gt;
              &lt;input placeholder="Search for ..." id="search_box" name="search_box"
                     title="Search for ..." class="form-control"  type="text" value=""&gt;
              &lt;span class="input-group-addon"&gt;
                  &lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code>$('#example1').popover();
  </code></pre>
  
  <p><strong>Screenshot</strong></p>
  
  <p><img src="https://i.stack.imgur.com/GConx.jpg" alt="Screenshot of issue"></p>