Css 将按钮与表单组对齐（引导3）

如何将按钮与文本框控件垂直对齐

材料1
项目1
项目2
项目3
材料2
项目1
项目2
项目3
材料3
项目1
项目2
项目3
搜寻

---

按钮似乎与表单字段上方的文本电子邮件对齐，这是应该的。如果您使用margin:top作为按钮，大约30px，那么如果您正在谈论搜索按钮，它应该与文本字段对齐。希望能有所帮助。

请参阅下面JSFIDLE中的css解决方案：

CSS:

---

只需使用现代灵活的flexbox：

.row {
  display: flex;
  align-items: center;
}

.row{
  position: relative;
 }

.button-container{
  position: absolute;
  bottom: 0;
  right: 0;
}

.form-group{
 margin-bottom: 0px;
}

.row {
  display: flex;
  align-items: center;
}