Popover for long text without spaces
Since 2012 another solution for word-wrap is:
overflow-wrap:anywhere;
More information: Difference between overflow-wrap and word-break?
Examples of use: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap
edit: word-break: break-word is officially deprecated; see https://drafts.csswg.org/css-text-3/#valdef-word-break-break-word
That's because Twitter bootstrap applies a max-width
property to the .popover
box by default (Which is max-width: 276px;
).
There are two options:
1) Override the max-width
by reseting that to none
as:
.popover {
max-width: none;
}
2) Or use word-wrap: break-word;
CSS declaration for the popover content box as:
.popover-content {
word-wrap: break-word;
}