Ionic framework 离子：标签输入标签输入在一行中

使用Ionic，我想把一个标签和一个输入放在同一行，然后再把另一个标签和一个输入放在后面

我做了以下几件事

<ion-item>
      <ion-label>I bought</ion-label>
      <ion-input type="number" min=0.1 value=1></ion-input>
      <ion-label>items for $</ion-label>
      <ion-input type="number" min=0.1 value=0.1></ion-input>
</ion-item>

我买了
项目$

出于某种原因，我将两个标签放在一起，然后才将两个输入放在一起。不过是同一行。

---

订单怎么搞混了？我怎样才能按正确的顺序制作它们？

复制粘贴此内容。这会奏效的

<ion-grid>
    <ion-row>
        <ion-col>
            <ion-label>I bought</ion-label>
        </ion-col>
        <ion-col>
            <ion-input type="number" min=0.1 value=1></ion-input>
        </ion-col>
        <ion-col>
            <ion-label>items for $</ion-label>
        </ion-col>
        <ion-col>
            <ion-input type="number" min=0.1 value=0.1></ion-input>
        </ion-col>
    </ion-row>
</ion-grid>

我买了
项目$

谢谢，我已经试过了。问题是项目之间的间距。我希望他们彼此靠近，这样看起来就像一句话。不添加边距（输入）和填充（COL）使它们更接近，但输入在行中的位置较高，标签在行中的位置较低。此外，我想知道使用col/row是否是我问题的真正/干净的解决方案。也许我只是错过了一件让我的榜样发挥作用的小事。