CODEWITHSUNDEEP
javascripthtmltwitter-bootstrappopover
netdigger
netdigger

Reputation: 3789

HTML Elements cut off?

I'm working with twitter bootstrap and I'm using their popover to show some info about a movie.

But it gets just cut off! Like the image below.

This JSFidde: http://jsfiddle.net/uGKAz/ shows the problem But in this JSFidde the problem isnt there.. http://jsfiddle.net/uGKAz/1/ So it seems as the surrounding elements is causing it..

Also, if I had the popover positioned to 'right' instead of 'left' I would get the same cut-off line, but the right of the popover instead.

I've added a style to the

element in boostrap.js:

, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p style="display:inline-block;"></p></div></div></div>'

Here's how the error looks: enter image description here

Adding image showing the full element selected in Chrome: enter image description here

Upvotes: 0

Views: 497

Answers (1)

epascarello
epascarello

Reputation: 207511

TADA, the overflow hidden:

inspect the following div

<div id="second_row" style="">

Upvotes: 1

Related Questions