VueJs Form textarea和使用BootstrapVue的文本格式问题

Question

我正在使用 BootstrapVue 构建包含两列的行。第一列有文本，第二列有b-form-textarea。我还希望文本 ("data") 出现 next 到文本区域。但文本仅显示在文本区域下方。我认为这是因为 b-form-textarea 的一些 css 属性。

这是我的fiddle

但是，当使用纯 textarea 时，文本会出现在它旁边（请参阅下面的小提琴/屏幕截图）。

我希望文本不仅位于文本区域旁边，而且垂直居中于文本区域一侧。

注意：根据您的屏幕宽度在小提琴中查看时，两个文本都可能出现在底部。粘贴屏幕截图以避免混淆。

Answer 1

建议使用vue-bootstrap layouts 来对齐您的元素，例如：

  <div class="col-4">
        <b-row align-v="center" >
        <b-col cols="10">
          <b-form-textarea></b-form-textarea>
        </b-col>
        <b-col cols="2"> <span> data </span></b-col>
      </b-row>
    </div>