Search code examples
javascripthtmlcssbootstrap-4twitter-bootstrap-tooltip

Bootstrap 4 Tooltip going out of the div

While hovering on an anchor tag containing the tooltip attributes, the tooltip is position far away from the anchor tag.

LINK - https://ewomenco.herokuapp.com/project/project-title/applicants

Also on opening inspect element it goes too far.

<a class="btn btn-secondary" data-toggle="tooltip" data-placement="top" data-title="Shortlist" title="shortlist"><i class="far fa-thumbs-up"></i></a>

Attaching the screenshot.

Stuck in it from a long time now. Tried positioning of parent div but nothing works.

Solution

  • Got the Problem.

    html, body { height : 100% }

    When i removed the height 100%, it worked as expected.

    I feel sorry for the people who downvoted the question, without even looking at it.

    Stay blessed!