使用bootstrap-3水平对齐文本框和按钮

Question

我在使用引导程序4时如何水平对齐文本框和提交按钮时遇到问题，我已经尝试了诸如d-flex，d-inline-flex之类的解决方案，但不起作用。

下面是预期的输出以及文本框和提交按钮的实际位置。

预期输出：

<textbox><submit button>

实际：

<textbox>
<submit button>

这是我的代码：

<div class="container-fluid d-inline-flex padding col-md-6">
    <form>
        <input class="form-control form-control-md ml-3 active-blue" type="text" placeholder="Search" aria-label="Search">
        <input class="btn btn-secondary form-control-md" type="submit" value="Search" />
    </form>
</div>

谢谢您！ ：D

Answer 1

我已经找到关于stackoverflow的答案，并且说解决方案是

请参阅下面的html代码，

<div class="container groug-from col-md-7">
    <form>
        <div class="form-group row">
            <input class="form-control col-md-10 text-size-7" type="text" placeholder="Find something here">
            <div class="col-md-2">
                <input class="btn btn-secondary" type="submit" value="Search" />
            </div>
        </div>
    </form>
</div>

为了使其水平，我必须在名为[[form-group的引导程序中添加此类选择器。

这包含在一个标签中，该标签在引导程序中具有一个类选择器，称为：

form-inline