数据表中的下拉列表不会垂直对齐

Question

我在动态创建的数据表中有一个下拉菜单-我修改了bootstrap css，使表的垂直对齐设置为中间，但下拉菜单仍然显示为顶部

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

看到我的jsbin在这里

(如果您输入任何文本，然后添加指令然后单击加载复制数据按钮)

提前致谢

Update:它是父div上的form-group类，设置为:margin-bottom: 15px

我创建了一个新类来覆盖设置margin-bottom为0px

Answer 1

您的选择父div有一个。text -group类，样式为margin-bottom:15px;

你可以将margin-top:15px;添加到。>

Answer 2

它实际上并没有对齐顶部。父div只有一个Bootstrap CSS:

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

Answer 3

在你的css 选择。输入-xs添加margin-top: 15px;它会正确对齐你的下拉列表