问题 How could I make the popover bottom div do not go beyond the popover button right side, like in the image: Here's my code. HTML: <a href="#" tabindex="0" class="btn btn" role="button" data-toggle="popover" data-trigger="focus" data-content="<input>"> Search </a> Javascript: $('[data-toggle="popover"]').popover({ trigger: 'manual', placement: 'bottom', html: true }).click(function (e) { e.preventDefault(); $(this).popover('show'); }); Bootply: http://www.bootply.com/3SLzUgPyrV 回答1: You could