Single tooltip in 2 elements (one body and 2 arrows)

Asked

Viewed 67 times

1

I don’t know if the native code of Bootstrap allows this for the tooltip or for the can. I have 2 links and I need to do something that is created a tooltip or a can that can join both links with 2 arrows.

┌=======┐  ┌=======┐
└===▼===┘  └===▼===┘
  link 1     link 2

Basically the example above is a tooltip common, individual to each link. What I need is like the template below. Are links that are side by side.

┌==================┐
└===▼==========▼===┘
  link 1     link 2

Is there anything native you can manipulate for this, some extension or other lib? It can even be manipulated by jQuery if possible.

  • Natively not possible, the arrows of the tooltip and of can are generated by a <div>, classy tooltip-arrow and arrow respectively, with absolute positioning. Handling with jQuery seems to me the most appropriate solution.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.