如何将表单置于Bootstrap中心div内？

Question

Here is the link to the fiddle I have been working on.

我不确定为什么margin 0 auto和设置表格的宽度不是将表格设置在中心。

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

#center {
  max-width: 400px;
  margin: 0 auto;
}

.form-horizontal{
  width: 300px;
  margin: 0 auto;
}

表单内部的外部div应该居中，然后表单应该在div内居中。

Answer 1

您可以使用flex

#center {
   display:flex;
   justify-content: space-around;
}

用上面的代码替换你的代码并查看结果。