Bootstrap 4 如何在引导中对齐标签？

我刚开始使用Bootstrap（实际上是BootstrapVue），我不知道垂直对齐标签的正确方法是什么。在开始一些flex/groid实验之前，我想确保没有内置的解决方案

具体来说，代码

<template>
    <b-container class="bv-example-row" fluid>
        <b-row>
            <b-col sm="2">
                <label for="input-large">Title:</label>
            </b-col>
            <b-col sm="10">
                <b-form-input id="input-large" size="lg" placeholder="" v-model="incident.title"></b-form-input>
            </b-col>
        </b-row>
    </b-container>
</template>

标题：

生成此输出，其中“标题：”未与输入框垂直对齐

这是我应该尝试自己纠正的问题（使用flex/grid中的对齐技术），还是由Bootstrap处理的？来自文档：

<b-form-group label-cols="4" label-cols-lg="2" label="Title" label-for="input-default" label-align="right">
  <b-form-input id="input-default"></b-form-input>
</b-form-group>

您还可以为不同的断点定义其他类。

来自文档：

<b-form-group label-cols="4" label-cols-lg="2" label="Title" label-for="input-default" label-align="right">
  <b-form-input id="input-default"></b-form-input>
</b-form-group>

您还可以为不同的断点定义其他类。

使用

是最佳选择，但您也可以使用

的

align-v

属性

标题：

使用

是您的最佳选择，但您也可以使用

的

align-v

道具

标题：

我认为您可能需要使用表单组件来对齐项目。具体来说，水平布局。请看：我认为您可能需要使用表单组件来对齐项目。具体来说，水平布局。见此：