Bootstrap 3 popover and tooltip on the same element

Question

it is possible to use a tooltip and popover of Bootstrap 3 on the same element?

I have a table and want to show on each row (tr) a tooltip. Additionally I want to show

Answer 1

You can apply the tooltip to the and the popover to all of the child 's. Define the attributes in javascript and append the attributes to the relevant class (in this example class="my-popover") so that you don't have to write out the popover multiple times.

For example:

View:

 

  

    

      
#
      
First Name
      
Last Name
      
Username
    
  
  

    

      
1
      
Mark
      
Otto
      
@mdo
    
    

      
2
      
Jacob
      
Thornton
      
@fat
    
    

      
3
      
Larry
      
the Bird
      
@twitter
    
  

Javascript:

$( document ).ready(function() {
    $(".my-popover").attr({"data-toggle":"popover", "data-container":"body", "data-placement":"bottom", "data-content":"My popover content", "data-original-title":"Popover title"});
    $("[data-toggle=tooltip]").tooltip();
    $("[data-toggle=popover]").popover();
});

Bootply here