Html 在两个ionic form元素之间创建换行符

如何在以下离子形式元素之间强制换行

现在看起来是这样的：

我希望它看起来像这样：

迄今为止的代码：

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

---

在这里摆弄：

只需将

flex flow:column

添加到

。项目输入插入将从第二个标签向下移动到第一个标签

.item-input-inset{
  flex-flow: column;
  align-items: stretch;
}

添加此css

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

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

您希望始终在新行中显示还是在屏幕尺寸较小时显示？我只想在新行中显示