html - Bootstrap Popover不显示在按钮附近

我正在尝试使用Bootstrap弹出窗口。它确实会弹出，但是它不会出现在我的按钮附近，并且我不知道为什么。

的HTML

<div class="row">
    <div class="col-sm-12">
        <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.">
          Popover on top
        </button>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <h3>Client search</h3>
        <div class="input-group col-sm-5">
            <input placeholder="Search for ..." id="search_box" name="search_box"
                   title="Search for ..." class="form-control"  type="text" value="">
            <span class="input-group-addon">
                <i class="glyphicon glyphicon-search"></i>
            </span>
        </div>
    </div>
</div>

jQuery查询

$('#example1').popover();

屏幕截图

最佳答案

希望这可以帮助

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on top
</button>

您可以查看详细信息http://getbootstrap.com/javascript/#popovers