如何在Bootstrap的居中div中居中放置表单？

Question

这是我一直在努力的小提琴的链接。

我不知道为什么边距0自动并为表单设置宽度不会在中间设置表单。

.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;
}

用上面的代码替换您的代码，然后查看结果。