Css 如何从这些水平堆叠的flex项转到垂直堆叠的flex项？

以下代码水平堆叠flex项：

.col-12{
显示器：flex
}
输入{
弹性：0.80%
}
标签{
弹性：0.20%
}

标签

HTML

HTML

<div class="col-12">
  <label>Label</label>
  <br>
  <input type="text" value=""></input>
</div>

.col-12 {
  display: flex
  flex-direction: column
}