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

<divclass="panel-heading row"><h4class="col-xs-9">Panel header</h4><divclass="btn-group pull-right col-xs-3"><ahref="#"class="btn btn-default btn-sm">## Lock</a><ahref="#"class="btn btn-default btn-sm">## Delete</a><ahref="#"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/