Css 列表项的离子响应col

尝试调整大小：

---

我应该在哪里应用“行响应sm”类和“列”类？我试着到处玩，但还是没用。我的thread.title太长，溢出了屏幕。

我假设您希望将网格结构应用于每个列表项

所以，下面是你如何玩row和cols

<ul class="list">
  <a class="item" ng-repeat="thread in data track by $index" ng-href="{{thread.url}}" target="_blank">
    <li class="row">
      <div class="col col-80">
        <span class="row responsive-sm item-text-wrap">{{thread.title}}</span>
        <span class="row responsive-sm">{{thread.desc}}</span>
      </div>
      <div class="col">
        <span class="item-note badge badge-assertive">{{thread.replies}}</span>
      </div>
    </li>
  </a>
</ul>

---

更新的Plunker

你有指向你的站点的链接或示例吗？@Gezzasa尝试调整大小。按$index排列的曲目对我来说重要吗？

<ul class="list">
  <a class="item" ng-repeat="thread in data track by $index" ng-href="{{thread.url}}" target="_blank">
    <li class="row">
      <div class="col col-80">
        <span class="row responsive-sm item-text-wrap">{{thread.title}}</span>
        <span class="row responsive-sm">{{thread.desc}}</span>
      </div>
      <div class="col">
        <span class="item-note badge badge-assertive">{{thread.replies}}</span>
      </div>
    </li>
  </a>
</ul>