如何在引導面板標題中向右顯示所有按鈕？

Question

我想在引導程序中向右顯示按鈕panel-heading我試圖在所有按鈕上添加拉右類，但是它在panel-body上突破了一些css規則，我如何在引導程序panel-heading的右側顯示所有按鈕？

main.html中

<div class="col-md-11"> 
    <div ng-show="showMessage"> 
     <p class="recordMessage">File is being recorded to the server ,once you stop recording it will prompt for cancel or download. </p> 
    </div> 
    <div class="panel panel-default"> 
     <div class="panel-heading">DIT LOGS 
      <div class="pull-right" style="padding-right: 300px"> 
       <button type="button" class="btn btn-danger btn-rad btn-lg"><span class="glyphicon glyphicon-record"></span></button> 
       <button type="button" class="btn btn-primary btn-rad btn-lg"><span class="glyphicon glyphicon-stop"></span></button> 
       <button type="button" class="btn btn-success btn-rad btn-lg"><span class="glyphicon glyphicon-search"></span></button> 
       <button type="button" class="btn btn-info btn-rad btn-lg"><span class="glyphicon glyphicon-folder-open"></span></button> 
      </div> 
     </div> 
     <div class="panel-body display-logs" scroll-bottom="event"> 
      <ul style="list-style: none;"> 
       <li ng-repeat="message in event track by $index" ng-class="{lastItem: $last}"><span><strong>Log:</strong></span><span>{{message}}</span></li> 
      </ul> 
     </div> 
    </div> 
</div> 

Answer 1

儘量把他們在其他分區

<div class="panel-heading">DIT LOGS 
    <div class="pull-right"> 
     <button type="button" class="btn btn-danger btn-rad btn-xs"><span class="glyphicon glyphicon-record"></span></button> 
     <button type="button" class="btn btn-primary btn-rad btn-xs"><span class="glyphicon glyphicon-stop"></span></button> 
     <button type="button" class="btn btn-success btn-rad btn-xs"><span class="glyphicon glyphicon-search"></span></button> 
     <button type="button" class="btn btn-info btn-rad btn-xs"><span class="glyphicon glyphicon-folder-open"></span></button> 
    </div> 
</div>