title: Media-List and Text-Overflow in Bootstrap 3.3.2
body: <p>I recently update my project from Bootstrap 3.2.x to 3.3.2 (last release) and I discover an important difference with the <a href="http://getbootstrap.com/components/#media" rel="noreferrer">Media Object</a> element.</p>
  
  <p>I want to use in the media-heading the special less mixin .text-overflow() to add the following css attribute to the title : </p>
  
  <pre><code>.media-heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  </code></pre>
  
  <p>That works well (very well) in Bootstrap 3.2, you can see it in the following plnkr : <a href="http://plnkr.co/edit/B7cGRbw8DxtnXgFhnmvM?p=preview" rel="noreferrer">Media-List in 3.2</a></p>
  
  <p>But, since 3.3.x I can't use ellipsis and text-overflow inside header : <a href="http://plnkr.co/edit/GAqClT8LZlSSSwduXEa0?p=preview" rel="noreferrer">Media-List in 3.3.2</a></p>
  
  <p>You can compare the picture below : 
  <img src="https://i.stack.imgur.com/75nOx.png" alt="View in Bootstrap 3.2.0">
  <img src="https://i.stack.imgur.com/ww4sD.png" alt="View in Boostrap 3.3.2">
  So, how can I have the same behavior I describe with Bootstrap 3.2 in Bootstrap 3.3.x ? (It is very useful for mobile user for example).</p>
  
  <p><strong>More info :</strong>
  The modification of layout in media object was introduced in 3.3.0 and an <a href="https://github.com/twbs/bootstrap/issues/14990" rel="noreferrer">issue was opened (and closed) about this modification</a> and had repercussion for many users. 
  The solution was to set the size of the media object (media, media-body) to 10000px. </p>