Alfred Kwak
Alfred Kwak

Reputation: 85

Incorrect size of div in Bootstrap

Goodnight everyone. I'm having some trouble with combining a drag and drop script and Bootstrap

example can be seen here: http://goedgevonden.net/laurent/index.html

As you can see, when you try to drag the eyes or mouth (in the left menu) a droparea colors yellow. This drop area is set to a width of 55% (showing correctly) and a height of 100% (only a small yellow bar shows up). Whats causing the shrinkage of my div in height? Anyone has a solution to this?

Thanks in advance.

Greetings, Alfred Kwak.

Upvotes: 2

Views: 43

Answers (1)

Vlad Schnakovszki
Vlad Schnakovszki

Reputation: 8601

That's because that element and its parent don't really contain anything so the parent takes the height of a normal row, which in this case is 20px. Hence the element's 100% height makes it equal to the parent's height, which is 20px.

You will need to manually set either the element's or the parent's height to something specific (e.g. 100px).

Upvotes: 3

Related Questions