title: Bootstrap 3 truncate long text inside rows of a table in a responsive way
body: <p>I'm using bootstrap 3 tables, when i put large text in the table it gets wrapped on several lines, but i want it to be truncated with three dots at the end in a responsive way without messing up the layout of the table (i found some solutions but with unpleasant effects).</p>
  
  <p>Is that possible ? how ?</p>
  
  <p>PS: any solution is welcome, but i would like it to be just HTML/CSS if it's possible.</p>