引導模型頁腳中的按鈕對齊

Question

enter image description here我在模型頁腳中添加了按鈕，但它沒有對齊，而是轉到下一行。

<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

在btn中使用「左拉」類。或者，如果你想正確的話，使用「拉右」 你想要更多的幫助。去這個網址以供參考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

試試這個

<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>