<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/8b204fa74ef59a859dc39ed963048becf27118c19162f1bc079d147796d46f63/687474703a2f2f692e696d6775722e636f6d2f7a41753945464b2e706e67"><img src="https://camo.githubusercontent.com/8b204fa74ef59a859dc39ed963048becf27118c19162f1bc079d147796d46f63/687474703a2f2f692e696d6775722e636f6d2f7a41753945464b2e706e67" alt="" data-canonical-src="http://i.imgur.com/zAu9EFK.png" style="max-width: 100%;"></a></p>
<ol dir="auto">
<li><a href="http://getbootstrap.com/javascript/#carousel" rel="nofollow">http://getbootstrap.com/javascript/#carousel</a></li>
<li>Change <code class="notranslate">.carousel-control</code> width to <code class="notranslate">16px</code> from devtools</li>
</ol>
<p dir="auto">The left one is too close to the edge / the right one is too far from the edge.</p>
<p dir="auto">When your popover has non-html content (for example jquery object) and you reopen popover - events on content (jquery object) doesn't work.</p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/stefanneculai/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/stefanneculai">@stefanneculai</a> added <code class="notranslate">empty()</code> call in setContent (so jquery removes events). Commit:<br>
<a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/twbs/bootstrap/commit/41628c90a259101291a679fa112307a354fd32ee/hovercard" href="https://github.com/twbs/bootstrap/commit/41628c90a259101291a679fa112307a354fd32ee"><tt>41628c9</tt></a></p>