Tasten neben einem Kontaktformular ausrichten

Question

Ich versuche also drei Tasten neben einem Kontaktformular auszurichten. Ich legte beide in eine Reihe und legte das Formular und die Knöpfe in ihren eigenen Col-lg-6. Die Schaltflächen sind jedoch nicht direkt neben dem Kontaktformular ausgerichtet. Sie fallen darunter, egal was ich mache.

Ich versuchte

float: right; 

Zugabe und es funktioniert, indem sie nach rechts, aber immer noch unterhalb der Form auszurichten. Ich würde mich über jede Hilfe freuen, danke!

Here's the link auf der Seite, Kontaktformular + Schaltflächen am unteren Rand.

Answer 1

fügen Sie sie unter derselben Reihe:

<div class="container-fluid"> 
<div class="row"> 
<div class="col-lg-6"> 
    <div class="container shapef"> 
    <form class="well form-horizontal" action=" " method="post" id="contact_form"> 
     <fieldset> 

     <br> 

     <div class="form-group"> 
      <label class="col-md-2 control-label">Name</label> 
      <div class="col-md-9 inputGroupContainer"> 
      <div class="input-group"> 
       <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
       <input name="name" placeholder="Name" class="form-control" type="text"> 
      </div> 
      </div> 
     </div> 

     <div class="form-group"> 
      <label class="col-md-2 control-label">Email</label> 
      <div class="col-md-9 inputGroupContainer"> 
      <div class="input-group"> 
       <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> 
       <input name="email" placeholder="Email Address" class="form-control" type="text"> 
      </div> 
      </div> 
     </div> 


     <div class="form-group"> 
      <label class="col-md-2 control-label">Message</label> 
      <div class="col-md-9 inputGroupContainer"> 
      <div class="input-group"> 
       <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span> 
       <textarea class="form-control" name="comment" placeholder="Message"></textarea> 
      </div> 
      </div> 
     </div> 

     <div class="alert alert-success" role="alert" id="success_message">Success <i class="glyphicon glyphicon-thumbs-up"></i> Thanks for contacting me, I'll get back to you shortly.</div> 

     <!-- Button --> 
     <div class="form-group"> 
      <label class="col-md-2 control-label"></label> 
      <div class="col-md-4"> 
      <button type="submit" class="btn btn-warning">Send <span class="glyphicon glyphicon-send"></span></button> 
      </div> 
     </div> 

     </fieldset> 
    </form> 
    </div> 
</div> 
<div class="col-lg-6 kopcheta"> 
       <ul class="list-inline banner-social-buttons"> 

         <li> 
          <a href="https://github.com/l-emi" target="_blank" class="btn btn-default btn-lg btn-warning"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a> 
         </li> 
         <li> 
          <a href="https://uk.linkedin.com/in/lidiya-nikolova-b979348b" target="_blank" class="btn btn-default btn-lg btn-warning"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a> 
         </li> 
         <li> 
          <a href="https://www.freecodecamp.com/l-emi" target="_blank" class="btn btn-default btn-lg btn-warning"><i class="fa fa-fire fa-fw"></i> <span class="network-name">FreeCodeCamp</span></a> 
         </li> 

       </ul> 
      </div> 
<!-- /.container --> 
</div> 
</div> 
</div>