在两个离子形式元素之间创建换行符

Question

如何在以下Ionic表单元素之间强制换行？

目前它看起来像这样：

我希望它看起来像这样：

到目前为止

代码：

    <div class="item item-input-inset">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input type="search" placeholder="What are you looking for?">
        </label>
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input type="search" placeholder="Current Location">
        </label>
    </div>

在这里小提琴：http://jsfiddle.net/o5z6d8z0/

Answer 1

添加此css

.item-input-wrapper {
   margin-top: 10px;    
 }

.item-input-inset {    
   display: block;   
}

<强> Demo

Answer 2

只需将.item-input-inset添加到.item-input-inset{ flex-flow: column; align-items: stretch; } ，然后将第二个标签添加到第一个。

{{1}}

<强> Microsoft Taskkill