Buttons Are Not Appearing At Top Right

I just want to show my buttons at top right corner of the screen. I tried a lot to do so and Google it too. I also used tag of pull-right but unable to figure out why they are not

Solution 1:

<h4> is block element as like div so it covers all width.

Wrap panel-heading div inside row and then provided 12 column calculation to that div

HTML

<div class="panel-heading row">
    <h4 class="col-xs-9">Panel header</h4>
    <div class="btn-group pull-right col-xs-3">
        <a href="#" class="btn btn-default btn-sm">## Lock</a>
        <a href="#" class="btn btn-default btn-sm">## Delete</a>
        <a href="#" class="btn btn-default btn-sm">## Move</a>
    </div>
</div>

Working solution with your code

Solution 2:

Add this css it will float on right side:

   .pull-right {
          float: right!important;
          margin-top: -66px;
          position: absolute;
          margin-left: 293px;
     }

Working fiddle:http://jsfiddle.net/cpf78jsg/1/