ブートストラップ2列フォーマット

Question

2-col 6/6セクションを作成したいと思います。フォームは応答しますが、contact-linksセクションの外にの連絡先フォームを追加しようとすると反応しません。ブートストラップでフォーマットする正しい方法は何ですか？ （右に浮い）（左に浮い）

• 接触型部
• 接触リンク部

https://codepen.io/anon/pen/gRgOGN

<div class="contact-links"> 
    <div class="col-md-6"> 
     <ul> 
      <li>Facebook</li> 
      <li>Twiiter</li> 
      <li>Call Us</li> 
      <li>Find Us</li> 
     </ul> 
     </div> 
</div> 

おかげ

Answer 1

変更この：この

<div class="col-md-6"> 
    <div class="contact-form"> 

へ

<div class="col-md-12"> 
    <div class="contact-form"> 

、フォーム内の入力グループ内col-md-12でcol-md-6を交換してください。
も交換してください：これにより

<div class="contact-links"> 
    <div class="col-md-6"> 
    ...... 
    </div> 
</div> 

を：

<div class="contact-links col-md-6"> 
    ...... 
</div> 

これは動作するはずです。