ブートストラップの中央に配置されたdivの内側にフォームを配置するにはどうすればよいですか？

Question

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

私はマージン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; 
} 

を使用して結果を見ることができます。