Bootstrap 2-Col格式

Question

我想创建 2-col 6/6部分。表单是响应式的，但当我尝试在联系表单之外添加联系人链接部分时，它不起作用。在bootstrap中格式化它的正确方法是什么？

• 联系表单部分（浮动到左侧）
• 联系人链接部分（浮动到右侧）

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-12">
    <div class="contact-form">

到此

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

在表单中的输入组中将col-md-6替换为col-md-12。
还替换：

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

有了这个：

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

这应该有用。