ionic-framework - ionic：标签输入标签输入一行

Question

使用 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>

出于某种原因，我将 2 个标签放在一起，然后将 2 个输入放在一起。虽然在同一行。订单怎么弄混了，我怎样才能把它们按正确的顺序排列？

标签： ionic-framework

Answer 1

复制粘贴这个。这将起作用。

<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>