title: in mobile devices, white-space:nowrap; overflow:hidden; text-overflow:ellipsis; kinda do not work
body: <p>I'm using bootstrap, and when the screen gets xs, the effect of <code>white-space:nowrap;     overflow:hidden;     text-overflow:ellipsis;</code>  aren't working. when the screen gets big, I want the long texts to have <code>white-space:nowrap;     overflow:hidden;     text-overflow:ellipsis;</code> but they still keep going. </p>
  
  <p>sorry if that's not clear. In my web, users can post anything. and the title is being displayed. if the title is too long, they get cut off with <code>white-space:nowrap;     overflow:hidden;     text-overflow:ellipsis;</code>
  but when screen gets smaller the length of the title remain still so they ruin the structure of table. </p>
  
  <p>So I want the title to have an effect of <code>white-space:nowrap;     overflow:hidden;     text-overflow:ellipsis;</code> when the screen size decreases.</p>
  
  <p>how do I achieve this?</p>