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

Question

我有一个关于如何使用bootstrap 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上找到了答案，is说解决方案是

请看下面的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