how to break long word in Span?(using Twitter Bootstrap)

Question

I'm using Twitter bootstrap in my site and I'm having span which may contain long word and I need to break it. I use this Css but not working? what's problem?

.fidDivComment {
    white-space: pre-wrap;
    display: inline-block;
}

Answer 1

You need to add this to your CSS for that span

span {
  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for webkit */
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

See this article for an explanation.

Answer 2

The questions stated this:

(using Twitter Bootstrap)

so the bootstrap fix is this: @include hyphens; this bootstrap out of the box mixin will add word-wrap: break-word; this mixin is exist under this path:

/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss