2つのフォームグループdivを縦に並べるにはどうすればよいですか？

Question

これらの2つのdivをどのように縦に並べることができますか？ どのような種類のcol-msサイジングであっても、2つの入力グループは垂直線で整列しません。 pls check the image here.

ここに私のコードスニペットです：

<div class="widget-body"> 
    <form class="form-horizontal" id="form"> 
     <input class="form-control" type="hidden" id="id"> 
     <fieldset> 
      <div class="form-group col-md-6"> 
       <label class="col-md-4 control-label"> fax</label> 
       <div class="col-md-8"> 
        <input class="form-control" type="text" id="name" name="name"> 
       </div> 
      </div> 
      <div class="form-group col-md-6"> 
       <label class="col-md-4 control-label"> email</label> 
       <div class="col-md-8"> 
        <input class="form-control" type="text" id="name" name="name"> 
       </div> 
      </div> 
      <div class="form-group col-md-6"> 
       <label class="col-md-4 control-label"> QQ</label> 
       <div class="col-md-8"> 
        <input class="form-control" type="text" id="name" name="name"> 
       </div> 
      </div> 
      <div class="form-group col-md-6"> 
       <label class="col-md-4 control-label"> wechat</label> 
       <div class="col-md-8"> 
        <input class="form-control" type="text" id="name" name="name"> 
       </div> 
      </div> 
      <div class="form-group col-md-12"> 
       <label class="col-md-2 control-label"> remark</label> 
       <div class="col-md-10 pull-left"> 
        <textarea class="form-control" type="text" id="name" name="name"></textarea> 
       </div> 
      </div> 
     </fieldset> 
    </form> 
</div> 

Answer 1

ブートストラップは、使用COL-XX-XXのデフォルトのパディングを持っている.. ので2回使用COL-MD-6はCOL以上のパディングを持っています-md-12を一度だけ使用します。 追加のインラインスタイルを追加するだけで、パディングを調整できます。

ただ、デフォルトではこれはjavascriptの問題ではありません15 PX

fiddle here