buttons aligment in bootstrap model footer

Question

enter image description here Ich füge Schaltflächen in model-footer hinzu, aber es wird nicht in der Zeile ausgerichtet, stattdessen kommt es zur nächsten Zeile.

<div class="modal-footer">    
     <form method="post" action="admin_view"> 
      <a type="submit" name="accepted" value="<?php echo $object['id'];?>" class="btn btn-success">Accepted Job</a> 
      </form> 

      <form method="post" action="reject_job"> 
      <a type="submit" name="rejected" value="<?php echo $object['id'];?>" class="btn btn-danger">Rejected Job</a> 
      </form> 

      <button type="button" class="btn btn-default" data-dismiss="modal">close</button> 
    </div> 

Answer 1

Verwenden Sie "Pull-Links" -Klasse in BTN. Oder, wenn Sie wollen, dann verwenden Sie "Pull-rechts" Wollen Sie mehr Hilfe. gehen auf diese URL als Referenz Bootstrap: change div order with pull-right, pull-left/3 columns

<div class="modal-footer">    
     <form method="post" action="admin_view"> 
      <a type="submit" name="accepted" value="<?php echo $object['id'];?>" class="btn btn-success pull-left">Accepted Job</a> 
      </form> 

      <form method="post" action="reject_job"> 
      <a type="submit" name="rejected" value="<?php echo $object['id'];?>" class="btn btn-danger pull-left">Rejected Job</a> 
      </form> 

      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">close</button> 
    </div> 

Answer 2

versuchen diese

<div class="modal-footer"> 

    <div class="col-md-4"> 
     <form method="post" action="admin_view"> 
      <a type="submit" name="accepted" value="<?php echo $object['id'];?>" class="btn btn-success">Accepted Job</a> 
     </form> 
    </div> 

    <div class="col-md-4"> 
     <form method="post" action="reject_job"> 
      <a type="submit" name="rejected" value="<?php echo $object['id'];?>" class="btn btn-danger">Rejected Job</a> 
     </form> 
    </div> 

    <div class="col-md-4"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">close</button> 
    </div> 

</div>