There is a link site you need to make a hint (picture) of cells about how on this site

I tried the default tooltip bootstrap fails

throw an idea how to implement

Closed due to the fact that off-topic participants kizoso , user192664, cheops , aleksandr barakin , 0xdb Oct 11 '18 at 7:48 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - kizoso, community spirit, cheops, aleksandr barakin, 0xdb
If the question can be reformulated according to the rules set out in the certificate , edit it .

2 answers 2

Still decided with the help of bootstrap I added a piece of code to the js file

$('.td-toogle tr').tooltip({ animated: 'fade', placement: 'right', html: true });

and prescribed in the egg

 title="<img src='img/products/product.jpg' />" 

     .item { position: relative; display: flex; width:300px; border: 1px solid; } .item-title{ flex-grow:1; } .item:hover > .item-img{ display:block; } .item-img{ display:none; position: absolute; right: -100px; top:-1px; } .item-img img{ height:100px; width:100px; } 
     <div class='item'> <div class='item-title'> Название </div> <div class='item-count'> 4 </div> <div class='item-img'> <img src=''> </div> </div>