Html 引导程序3-使用具有多个.form组和文本的.container流体的全宽

我有一个使用Bootstrap3.3.6的站点。它有一个注册时事通讯框，当前看起来如下：

我遇到的问题是，我希望新闻稿的文本注册与表单字段显示在同一行上，以便所有内容都在大/中型设备上水平对齐

然而，当它下降到一个小设备时，我希望所有东西都堆叠起来，我已经工作了，看起来是这样的：

因此，我使用的标记如下所示：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12 text-center">
        <form>
            <h4>Sign up for Newsletter</h4>


                <div class="form-group">
                    <input type="text" name="firstName" maxlength="50" class="form-control input-lg" placeholder="First Name" required>
                </div>

                <div class="form-group">
                    <input type="text" name="lastName" maxlength="50" class="form-control input-lg" placeholder="Last Name" required>
                </div>

                <div class="form-group">
                    <input type="text" name="company" maxlength="100" class="form-control input-lg" placeholder="Company" required>
                </div>

                <div class="form-group">
                    <input type="email" name="email" maxlength="250" class="form-control input-lg" placeholder="Email" required>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-lg">Send</button>
                </div>
        </form>
     </div>
</div>

即使我将“注册时事通讯”文本放在.form组中，它仍然显示在表单字段上方的顶行上

我怎样才能在一条线上得到所有东西？显然，在第一个屏幕截图上有足够的空间来完成这项工作，这是一个中等规模的设备

我考虑过使用.col-类，但这似乎不起作用，因为我需要其中的6个类，它们只有.col-md-2，这使得表单字段非常小，以至于占位符属性文本无法读取

---

有人能帮上忙吗？

一种方法是将单个表单组与表单内联结合使用。这样，您就可以将代码压缩为类似于以下内容：

注册时事通讯 邮寄