如何在UIKIT3中颠倒`<label>`和`<input>`的顺序答案

【问题标题】：How to reverse the order of `<label>` and `<input>` in UIKIT3如何在UIKIT3中颠倒`<label>`和`<input>`的顺序
【发布时间】：2020-09-21 02:48:19
【问题描述】：

如何在UIKIT中颠倒<label>和<input>的顺序？我在 Bootstrap 中做了同样的事情，定义了另一个关闭并放置了这段代码。

.form-group-inline{
    display: flex;
    flex-direction: column-reverse;
}

我在 UIKIT 中也尝试过，但没有得到我想要的结果。提前致谢。

【问题讨论】：

【解决方案1】：

您可以显示 flex 并使用 .uk-flex-first 和 .uk-flex-last 类。

<div class="uk-flex">
  <label class="uk-flex-last"></label>
  <input class="uk-flex-first">
</div>

【讨论】：