如何在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;
}

用上面的代碼替換您的代碼，然后查看結果。