Bootstrap 4 bootstrap4内联表单增加输入宽度，并保持表单内联在xs宽度上

我找了很多这个，但我找不到答案

我使用引导程序4，我有以下代码：

去

使用最新的引导程序4.0.0重新审视这个问题

现在flexbox已处于引导4中，可以使用自动布局列轻松完成此操作，这些列可以缩小到适合宽度（

col auto

），也可以增大到填充宽度（

col

）

去

您的按钮是否需要位于表单组元素/类内？@ganders感谢您的回复，它不在表单组内，而是位于一个类

表单内联的表单内

。实际上我想不出一个解决方案，所以我又回到了，文本输入堆积在按钮的底部&+1，为了你友好的回答，我离记住这个问题太远了

<div class="container">
    <form class="row text-center">
        <div class="col pr-1">
            <input type="text" class="form-control">
        </div>
        <div class="col-auto px-0">
            <button type="submit" class="col-auto btn btn-primary"> Go </button>
        </div>
    </form>
</div>