bootstrap-vue中用于在不同行上输入标签的布局

Question

使用引导程序，当我需要更改标签/输入的布局时，我使用下一个代码取决于设备：

<fieldset class="bordered text-muted p-0 m-0 mb-4">
    <legend class="bordered">Filters</legend>

    <dl class="block_2columns_md m-0 p-2">
        <dt class="key_values_rows_label_13">
            <label class="col-form-label" for="filter_title">
                By title
            </label>
        </dt>
        <dd class="key_values_rows_value_13">
            <input style="flex: 1 0" name="filter_title" id="filter_title" class="form-control" type="text" value="" v-model="filter_title">
        </dd>
    </dl>

并根据设备更改block_2columns_md的伸缩方向我将小型设备的标签输入放在不同的行上。现在，我使用bootstrap-vue并想知道bootstrap-vue的此类块具有哪些元素，因为我认为如果使用bootstrap-vue，则首选使用bootstrap-vue ...

"bootstrap-vue": "^2.3.0",

谢谢！

Answer 1

听起来像您想要的是Form Group组件。更具体地说，它的Horizontal Layout部分。