Twitter bootstrap 引导图标在面板标题中对齐

我试图在面板标题上设置一些图标，但无法左右对齐。 试图用span或p括起来，但仍然无效。。。 少了什么

<div class="panel-heading">
    <h3 class="panel-title">
        <a class="text-left" href='#' style="margin-right: 10px;"><span class="glyphicon glyphicon-refresh"></span></a>
        Page Title
        <a class="text-right" href='#'><span class="glyphicon glyphicon-remove-sign"></span></a>
    </h3>
</div>

页面标题

将类

向右拉

和

向左拉

而不是

文本向右拉

和

文本向左拉

添加到包含字形图标的锚定标记中

<h3 class="panel-title">
    <a class="pull-left" href='#' style="margin-right: 10px;"><span class="glyphicon glyphicon-refresh"></span></a>
    Page Title
    <a class="pull-right" href='#'><span class="glyphicon glyphicon-remove-sign"></span></a>
</h3>

页面标题

您实际需要的输出是什么？刷新图示符图标和标题应位于左侧，删除框应位于最右侧