Tom Gerken Tom Gerken - 7 months ago 53
CSS Question

Bootstrap - Popover gets cut off by modal header

I am using a popover inside a modal window in Bootstrap 2.3.1. The problem is that the popover displays UNDER the modal-header div.

You can see an example / fiddle of this problem here: ("Launch Demo Modal", then "Click to toggle popover")

The relevant code is:

<a class="btn" data-content="And here's some amazing content. It's very engaging. right? And another thing about this is a that it's really long. When I say long I mean really, really long."
data-original-title="A Title">
Click to toggle popover

*I modified a fiddle created by cvrebert from this thread on GitHub


Fixed by using: .modal-body{overflow-y:visible;}