title: ionic responsive col for list item
body: <p>Try to resize:<a href="http://codepen.io/anon/pen/zxGbbx" rel="nofollow">http://codepen.io/anon/pen/zxGbbx</a></p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;ul class="list"&gt;
      &lt;a class="item" ng-repeat="thread in data" ng-href="{{thread.url}}" target="_blank"&gt;
        &lt;li class=""&gt;
          {{thread.title}}
          &lt;span class="desc"&gt;{{thread.desc}}&lt;/span&gt;
          &lt;span class="item-note badge badge-assertive"&gt;{{thread.replies}}&lt;/span&gt;
        &lt;/li&gt;
      &lt;/a&gt;
    &lt;/ul&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Where should I apply the class of 'row responsive-sm' and the class of 'col'? I tried to play around but still doesn't work. my thread.title is too long and overflowed the screen.</p>