title: Sized table with at most one line of content per cell with Bootstrap 3
body: <p>I'm trying to display a table (with given column width using Bootstrap's <code>col-md-X</code>) with at most one line of (text) content per cell. Refer to the last example in my jsfiddle for an example of what I'd want.</p>
  
  <p>I use this oneliner css class to limit the amount of text displayed :</p>
  
  <pre><code>.oneliner {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>I have two issues:</p>
  
  <ul>
  <li>When the text in a cell is too long, it breaks the size I've set. It can be fixed by using a custom size class instead of bootstrap, but I would prefer to avoid using this method since sizes of columns vary from <code>col-md-1</code> to <code>col-md-12</code> in production tables, plus it doesn't solve next issue : </li>
  <li>When applying my <code>.oneliner class</code>, it puts all the text in a single line, streching the parent (even with my custom sizing class), event if I apply in on a <code>&lt;span&gt;</code> or <code>&lt;p&gt;</code> inside my <code>&lt;td&gt;</code>.</li>
  </ul>
  
  <p>JSFiddle here : <a href="http://jsfiddle.net/85TjP/2/" rel="nofollow">http://jsfiddle.net/85TjP/2/</a> (updated)</p>
  
  <p>I would really like to avoid using js for this. </p>