Menu
I compiled this jsFiddle demo so that you can see what i am going throw. Using the Twitter Bootstrap 2 i thought everything was fine and simple things were taken care until i hit with this. I don't understand if the markup is not right or the library doesn't handle this but the text when long just overflows out of screen/container
http://jsfiddle.net/kSCa3/2/
627
If you want to limit the text length to one line, you can clip the line, display an ellipsis or a custom string. All these can be done with the CSS text-overflow property, which determines how the overflowed content must be signalled to the user.
An overflow issue occurs when a horizontal scrollbar unintentionally appears on a web page, allowing the user to scroll horizontally. It can be caused by different factors. It could occur because of unexpectedly wide content or a fixed-width element that is wider than the viewport.
The <sup> tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font.
Try this:
div {
word-break: break-all;
word-wrap: break-word;
}
Add word-wrap: break-word in your DIV. Write this:
.span9 {
width: 700px;
word-wrap: break-word;
}
I have just spent almost an entire day trying to solve this, and the above didn't work until I discovered this:
Make certain you also have fluid containers INSIDE the floated div:
<div class="container-fluid">
Otherwise it'll stay the same width and will spill over .. no matter what you do.
22
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
