Bootstrap 2 列格式

Question

我想创建一个 2 列 6/6 部分。该表格是响应式的，但是当我尝试在 contact-form 之外添加 contact-links 部分时，它不起作用。在 bootstrap 中格式化它的正确方法是什么？

联系表 部分（向左浮动）
联系人链接 部分（向右浮动）

<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>

这应该有效。

Bootstrap 2 列格式

Bootstrap 2-Col Format

breakpoints

twitter-bootstrap-3