Html 垂直对齐表单组引导

我试图使我的按钮与中间垂直对齐，但我的代码无效，以下是我的代码：

HTML:

计算 CSS:

.col btn.表格组{ 显示：内联块； 垂直对齐：中间对齐； 浮动：无； }

---

垂直与水平对齐

这是用于水平对齐的，如果不需要，请删除

width: 100px;  
margin: 0 auto;

.col btn.表格组{ 位置：相对位置； 最高：50%； 转化：translateY-50%； 宽度：100px； 保证金：0自动； } 上校{ 高度：200px； 背景色：红色； } 计算

---

好的，试试这个。我想它会和boostrap一起工作

CSS

---

垂直对齐：中间对齐；取决于什么？垂直对齐将元素相互对齐……它不垂直对齐内容。@ NeNedracar我想把我的按钮放在他的列里面，例如，这个栏目有400像素的高度，我希望我的按钮垂直在中间。

.col-btn {
    height:400px;
    border: 1px solid black;
    width: 100%
    text-align: center;
    display: table;
}

.col-btn .form-group {
  display: table-cell;
  vertical-align: middle;
  text-align: center;

}