如何在内容和联系人模块之间添加更多空间

Question

我有这个页面：

http://avocat2.dac-proiect.ro/

http://i61.tinypic.com/sg0th3.png

在上图中看到我的内容覆盖模块联系人（仅限移动设备）我做的图片分辨率是iPhone5。

我想成为两者之间的空间，不幸的是我设法添加了

这是代码 CSS：

   @media screen and (max-width: 770px)
{
    #contact-info
{
width:268px;
height:270px;
background:url(images/BODY-CONTACT.png);
position:relative;
margin:30px auto;
height:220px;
}
}

这是代码 HTML：

<div class="container-fluid">

 <!-- PLACE THIS LINE ABOVE YOUR HEADER -->

<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12" style="font-size:17px;">
      <img src="http://avocat2.dac-proiect.ro/wp-content/themes/WordPressBootstrap-master/images/DESPRE-NOI.png" class="img-responsive center-block" style="cursor:pointer;">
    </div>
  </div>

  <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12" style="background:url(http://avocat2.dac-proiect.ro/wp-content/themes/WordPressBootstrap-master/images/BODY-DROP.png);font-size:17px;/*display:none;*/">
  <div class="container">
      <div class="row">

      <div class="col-sm-12 col-md-12 col-lg-12" style="color:white;;">

      </div>
      </div>

</div>

    <div class="container">
  <div class="row">
    <div class="col-sm-3 col-md-6 col-lg-6" style="color:white;;">
      <p>Cabinetul nostru a fost înfiinţat în anul 1997 de către Zorica L. Codoban, după o experienţă de 19 ani în domeniul juridic.
<br><br>
Activitatea cabinetului s-a concentrat de la început pe domeniul dreptului civil şi comercial. Competenţele cabinetului s-au extins în domeniul revendicărilor în temeiul legilor fondului funciar, iar după anul 2002 am început să asistăm clienţi în recuperarea imobilelor naţionalizate. Dreptul familiei, dreptul succesoral, dreptul muncii, legea insolvenţei au făcut parte constant din activitatea noastră. </p>
      <p> Am reprezentat instituţii publice, completând competenţele noastre în domeniul dreptului administrativ, achiziţiilor publice şi dreptului fiscal.</p>
    </div>
    <div class="col-sm-9 col-md-6 col-lg-5 col-lg-offset-1" style="color:white;">
      <p> Anul 2010 a marcat momentul în care am ne-am implicat direct în activitatea clienţilor societăţi comerciale, asigurând deopotrivă reprezentarea acestora în instanţă şi asistenţa juridică în activităţile curente.<br><br> Pentru a ne atinge obiectivele impreuna cu clientii nostri am colaborat cu specialisti in proprietate intelectuala, fiscalitate, contabilitate. 
Ne caracterizează experienţa în domeniul juridic, însoţită de onestitatea şi eficienţa în raport cu interesele clienţilo</p>
    </div>
  </div>
</div>

我尝试添加顶部填充或边距顶部，但不幸的是不起作用。你能帮我解决这个问题吗？

Answer 1

这似乎可以解决问题：

删除此内容：

.navbar-default{
    position: absolute;
    bottom: 12px;
}
#contact-info{
    position: absolute;
    right: 0px;
}

添加这个：在 xs 上方：

#contact-info{
    float: right;
}