title: With twitter bootstrap, how can I make it so that there's no word wrap in tables without breaking columns?
body: <p>I'm using Bootstrap and am trying to disable word wrap in <code>td</code> elements of a <code>table</code>. I've applied <code>white-space: nowrap</code> to the <code>td</code> element, which disables the word wrapping as expected, but now the <code>table</code> itself will span beyond the column that it is within. So, this CSS alone seems to be breaking bootstrap.</p>
  
  <p>I'd like to use <code>text-overflow: ellipsis</code> now, so that any would-be-wordwrapped text is instead truncated using ellipsis. I can't seem to apply this CSS to anything and have it work, though. Nothing seems to happen regardless of where I apply it. The table always expands beyond the desired grid column.</p>
  
  <p>How can I make it so that word wrapped is disabled, within <code>td</code> elements, and the text is truncated using ellipsis, without breaking the grid?</p>