在右边划一个div

我有这个联系表单，我需要将它浮在它的容器的最右边。我该怎么做？我想尽一切办法，但没有发生。也许我必须为列设置不同的类？这是代码：在右边划一个div

HTML

<section id="services" class="section text-center"> 
     <div class="container"> 
      <div class="col-md-6 map"> 
    <!-- Responsive iFrame --> 
<div class="Flexible-container"> 
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2694.5937634214993!2d8.0133807!3d47.5173021!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x9b610c417aa1ee02!2sZAG+Engineering!5e0!3m2!1sde!2sch!4v1443705863599"></iframe> 
       </div></div> 
      <div class="col-md-6 form"> 
       <form class="form-horizontal" role="form" method="post" action="index.php"> 
    <div class="form-group">  
     <div class="col-sm-10"> 
      <input type="text" class="form-control" id="name" name="name" placeholder="Vorname, Name" value=""> 
     </div> 
    </div> 
       <div class="form-group"> 
     <div class="col-sm-10"> 
      <input type="text" class="form-control" id="name" name="name" placeholder="Firma" value=""> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-10"> 
      <input type="email" class="form-control" id="email" name="email" placeholder="E-Mail" value=""> 
     </div> 
    </div> 
          <div class="form-group"> 
     <div class="col-sm-10"> 
      <input type="text" class="form-control" id="name" name="name" placeholder="Telefon" value=""> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-10"> 
      <textarea class="form-control" rows="4" name="message" placeholder="Nachricht"></textarea> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-10 col-sm-offset-2"> 
      <input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-10 col-sm-offset-2"> 
      <! Will be used to display an alert to the user> 
     </div> 
    </div> 
</form></div> 
      </div> 

     <!--/.container --> 
    </section>

CSS

.col-md-6.map { margin-left: -15px; } 
.form-horizontal { width: 100%; float: right; } 
.form-group { margin-bottom: -25px; } 
.col-md-6.form { border: 1px solid red !important; }

来源

2015-10-06 Antonioz

你想输入的字段右对齐或窗体本身？你已经设定为100％，所以你不会注意到其中的差别，但你可以添加到.FORM组{与容限的形式底部：-25px;右：0px;} –

如果你想使用响应式，你可能想要避免iframe iframe没有响应web友好元素 – Raptor

解决了谢谢:) – Antonioz

添加COL-MD。偏移处-2

<div class="form-group"> 
    // place col-md-offset-2 here for each input 
    <div class="col-sm-10 col-md-offset-2"> 
     <input type="text" class="form-control" id="name" name="name" placeholder="Vorname, Name" value=""> 
    </div> 
</div>

来源

2015-10-06 08:54:59 Koen

这是最好的答案。谢谢：） – Antonioz

内部形状组要么改变COL-SM-10 COL-SM-12，这将使你的输入字段取整你的表格的宽度，或者如果你希望他们右对齐给浮法：对你的col-sm-10 div的权利，它会工作

来源

2015-10-06 08:49:50 imGaurav

解决了谢谢:) – Antonioz

不知道你真的想要什么，但如果你想整个表格在极端权利屏幕，你必须去掉你的div class =“container”的固定宽度，这是你在右侧有空白的原因。

如果你想输入的是你的红色边框区域的右侧，你应该把“浮动：正确的”关于COL-SM-10" 级希望它可以帮助你

来源

2015-10-06 08:51:57 Mozgor

解决了谢谢:) – Antonioz

不客气。如果有其他问题，只需询问 – Mozgor

在右边划一个div

回答

相关问题