Css 使用ionic 2引导程序一行4个数字

我正在尝试制作一个产品库，使用离子2引导和html图形元素。问题是，在4产品中，使用col width-25，它会分成一个新行

我怎样才能使所有的数字保持在同一条线上

<ion-grid>
    <ion-row responsive-sm>
      <ion-col width-25>
        <figure>
          <img class="adjust-caption-image" src="{{ products[0].src }}" />
          <figcaption class="bg-lightgrey">
            <b class="tiny-text">{{ products[0].productName }}</b> <br />
            <div class="tiny-text font-darkgrey"><b>{{ products[0].supplierName }}</b></div> <br /> R$
            <div class="price-text">{{ products[0].price }}</div>
          </figcaption>
        </figure>
      </ion-col>
      <ion-col width-25>
        <figure>
          <img class="adjust-caption-image" src="{{ products[0].src }}" />
          <figcaption class="bg-lightgrey">
            <b class="tiny-text">{{ products[0].productName }}</b> <br />
            <div class="tiny-text font-darkgrey"><b>{{ products[0].supplierName }}</b></div> <br /> R$
            <div class="price-text">{{ products[0].price }}</div>
          </figcaption>
        </figure>
      </ion-col>
      <ion-col width-25>
        <figure>
          <img class="adjust-caption-image" src="{{ products[0].src }}" />
          <figcaption class="bg-lightgrey">
            <b class="tiny-text">{{ products[0].productName }}</b> <br />
            <div class="tiny-text font-darkgrey"><b>{{ products[0].supplierName }}</b></div> <br /> R$
            <div class="price-text">{{ products[0].price }}</div>
          </figcaption>
        </figure>
      </ion-col>
      <ion-col width-25>
        <figure>
          <img class="adjust-caption-image" src="{{ products[0].src }}" />
          <figcaption class="bg-lightgrey">
            <b class="tiny-text">{{ products[0].productName }}</b> <br />
            <div class="tiny-text font-darkgrey"><b>{{ products[0].supplierName }}</b></div> <br /> R$
            <div class="price-text">{{ products[0].price }}</div>
          </figcaption>
        </figure>
      </ion-col>
    </ion-row>
  </ion-grid>

{{products[0].productName}}

{{产品[0]。供应商名称}}
R$
{{产品[0]。价格}
{{products[0].productName}}

{{产品[0]。供应商名称}}
R$
{{产品[0]。价格}
{{products[0].productName}}

{{产品[0]。供应商名称}}
R$
{{产品[0]。价格}
{{products[0].productName}}

{{产品[0]。供应商名称}}
R$
{{产品[0]。价格}

爱奥尼亚2使用12列引导系统。有效列的范围为1到12，如

col-3 col-4 col-6 col-12

---

我不得不使用

col-3

而不是

col-25

，后者是

ionic angular

的版本。

标记没有结束斜杠。

标记也不起作用。