javascript - 如何将 bootstrap popover 工具提示放入按钮中

Question

如何将弹出工具提示放在第一个和第二个按钮上？

<div class="btn-group pull-right" data-toggle="buttons" style="top:26px;z-index:2;">
<label class="make-small btn btn-default" id="first_button_func">
<span>First Button</span>
</label>
<label class="make-small filter-column btn btn-default active">
<input type="checkbox" autocomplete="off" checked=""> <span>Second Button</span>
</label>
</div>

我需要类似工具提示“这是第一个按钮”

Answer 1

如 tooltips 中所述您需要添加一个

• data-toggle="tooltip"
• 标题=“....”

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="btn-group pull-right" data-toggle="buttons" style="top:26px;z-index:2;">
    <label class="make-small btn btn-default" id="first_button_func" data-toggle="tooltip" title="Tooltip test for First Button">
        <span>First Button</span>
    </label>
    <label class="make-small filter-column btn btn-default active"  data-toggle="tooltip" title="Tooltip test for Second Button">
        <input type="checkbox" autocomplete="off" checked=""> <span>Second Button</span>
    </label>
</div>