Twitter bootstrap 3 如何将文本字段与其垂直对齐'；s标签和按钮

我基本上是在尝试这种布局：

标签文本字段按钮

例如： 份数[5][增补]

我想这真的很简单。但我已经挣扎了几个小时，这是我最近的一次，非常可怕：

这是我的密码：

<div class="row col-md-12">
            <form class="form-inline pull-right">
                <div class="form-group">
                    <label for="numberOfCopies">Number of copies</label>
                    <input size="1" type="text" class="form-control" id="numberOfCopies">
                    <button type="submit"  class="btn btn-primary">Add</button>
                </div>
            </form>
        </div>

份数
添加

首先介绍一些引导基础知识：

• 您的“行div”应该由“container div”包装

• row

  和

  col-xx-x

  类需要在它们自己的div标签上

---

正如您在下面的示例中所看到的，您可以使用css轻松地完成这项工作

• 带

  显示：flex我们并排获得表单组的所有元素
  使用
  空白：nowrap
  我们“告诉”标签仅显示一行
  使用
  margin
  -标记，我们将使元素处于正确的位置
  

要了解更多信息，请查看和的文档

我想这部电影也会很有趣。如果有任何不清楚的地方，请随时询问每一条评论

.form-group.flex{
显示器：flex；
}
.form-group.flex标签{
空白：nowrap；
边缘顶部：7px；
}
.form-group.flex输入{
利润率：0.7px；
}

份数
添加