javascript - How to put bootstrap popover tooltip in button -


how put popover tooltip on first , second buttons?

<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> 

i need tooltip "this first button"

as described in tooltips need add

  • 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 first button">          <span>first button</span>      </label>      <label class="make-small filter-column btn btn-default active"  data-toggle="tooltip" title="tooltip test second button">          <input type="checkbox" autocomplete="off" checked=""> <span>second button</span>      </label>  </div>


Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -