2017-06-16 101 views
1

我想创建一个2-col 6/6部分。表单是响应式的,但是当我尝试添加联系人链接部分以外的联系人表单它不起作用。在bootstrap中设置格式的正确方法是什么?Bootstrap 2-Col格式

  • 接触形式部(浮动到左)
  • 接触链接部(浮动到右)

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> 

由于

回答

0

更改此:

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

这应该工作。

+0

我现在明白了。它的工作原理,谢谢。 – 7O07Y7