我刚刚开始使用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处理?