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 входа вместе.В той же строке, хотя.Как получилось, что заказ запутался и как я могу сделать их в правильном порядке?

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>