尝试在<img/> </form>中修复<form>

Question

我正在使用bootstrap，我尝试在img中修复一个表单但是当我调整表单移动时就像我不想要

这里我的网站是1860 x 900

http://imgur.com/L3qIof1,LrgxdCU#0

这里是1400 x 768

http://imgur.com/L3qIof1,LrgxdCU#1

这是我的代码：

<div class="row">
        <div class="form_contact">
            <div class="col-lg-4 col-lg-offset-2 text-center" >
                <img src="<?php bloginfo( 'template_url'); ?>/img/gites/gitedefrance_03.jpg"/>
            </div>
            <div class="col-lg-2 col-lg-offset-1 " style="background-color: white; margin-left:220px;">
                <h3 class="container"><?php the_field('landing_page_titre_formulaire'); ?></h3>

                <p class="text-center"><?php the_field('landing_page_sous_titre_formulaire'); ?></p>
                <?php the_field('landing_page_formulaire'); ?>
            </div>
        </div>
    </div>

我正在使用Wordpress获取表单信息

我正在尝试修复我的表单，就像我的窗口的每个尺寸的第一张图片一样

小提琴：http://bootply.com/107224#