使用引導程序在面板中的表格佈局

我似乎無法在保存按鈕和電子郵件標籤之間放置換行符。我試着用<p>標籤將它往下移。我嘗試過使用form-inline和form-horizontal，但只會讓事情變得更糟。

或者我想將保存按鈕直接放在文本框旁邊，但似乎無法實現此目的。

以jsfiddle爲例https://jsfiddle.net/omyuzuu3/。

<div class="col-sm-4" id="leftCol"> 
    <div class="panel panel-default"> 
     <div class="panel-body"> 
      <strong>Account Details</strong><p> 
      <hr> 
      <form class="form" method="post" > 
       <div class="form-group"> 
       <label for="exampleInputName2">Username</label><p> 
       <input name="txtUsername" type="text" class="form-control" placeholder="<?php echo $user->loadUser()->username; ?>">   
       </div> 

       <div class="form-group"> 
       <button type="submit" name="btnSaveUsername" class="btn btn-primary btn-sm pull-right">Save</button> 
       <p> 
       </div> 

       <div class="form-group"> 
       <p> 
       <label for="exampleInputName2">E-mail</label><p> 
       <input name="txtEmail" type="text" class="form-control" placeholder="<?php echo $user->loadUser()->email; ?>"> 

       </div> 

       <div class="form-group"> 
       <button type="submit" name="btnSaveEmail" class="btn btn-primary btn-sm pull-right">Save</button> 
       </div> 

       </form> 
     </div> 
    </div> 
</div>

來源

2016-09-16 James