如何在第一个和第二个按钮上放置弹出工具提示?
<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>
我需要诸如“这是第一个按钮”之类的工具提示
如工具提示中所述,您需要添加一个
data-toggle="tooltip"
title="...."
<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句