Bootstrap 4 根据其中一列的内容,是否有用于扩展行高的引导类?

Bootstrap 4 根据其中一列的内容,是否有用于扩展行高的引导类?,bootstrap-4,Bootstrap 4,我在我的razor页面中使用引导样式。我有一行有3列,第二列是一个标签,当字符太多时,它与第三列重叠。如何更改行的高度,使标签不会与第三列重叠?有任何内置的引导类吗?谢谢大家! <div class="row"> <div class="col-2"> <select class="form-control" @bind="@SelectedAction"> <option class="dropdown-

我在我的razor页面中使用引导样式。我有一行有3列,第二列是一个标签,当字符太多时,它与第三列重叠。如何更改行的高度,使标签不会与第三列重叠?有任何内置的引导类吗?谢谢大家!

<div class="row">
    <div class="col-2">
        <select class="form-control" @bind="@SelectedAction">
            <option class="dropdown-item-text" value="1" selected>Action1</option>
            <option class="dropdown-item-text" value="2">Action2</option>
        </select>
    </div>

    <div class="col-8">
        <label class="control-label">@FreeFormText</label>
    </div>

    <div class="col-2">
        <button class="btn btn-primary" type="button" @onclick="@Send">
            Send
        </button>
    </div>
</div>

行动1
行动2
@自由格式文本
发送

我在bootstrap中找到了一个样式flex wrap。所以我可以把它应用到div元素

<div class="col-8 flex-wrap">
    @FreeFormText
</div>

@自由格式文本