With Bootstrap loaded, the div doesn’t expand along with the contents inside. So if I insert an image or enlarge the text, it just kind of…gets squished in or squished out of the div.
http://jsfiddle.net/thomaswtsang/SSmJt/3/
What is it about Bootstrap that causes this to do this?
It looks like the bootsrap css used by you does not have the responsive features.
Please download the bootstrap library from the customize option.
You can have a look at this modified sample. You need to add some structural changes also as defined by bootstrap. You need to place the
spanxdefinitions inside arowelement to work correctly.