在Bootstrap的Panel标题中将字形对齐到右侧

Question

我正在使用bootstrap创建一个Panel，我想在标题中添加一个字形，但我希望它与右边对齐。我添加了＃34; text-right＆＃34;到span标记，但它不起作用。

代码：

div class="panel-group" id="the_items">
                         <div class="panel panel-default">
                             <div class="panel-heading" >
                                 <h4>The Item <span class="text-right glyphicon glyphicon-pencil clickable_space" data-toggle="collapse" data-parent="#the_items" data-target="#n_1"></span></h4>

                             </div>

                             <div id="n_1" class="panel-collapse collapse">
                                 <div class="panel-body">
                                     The body
                                 </div>
                             </div>
                         </div>


                 </div>

照片：

Answer 1

尝试使用pull-right代替text-right：

<span class="pull-right glyphicon glyphicon-pencil clickable_space" data-toggle="collapse" data-parent="#the_items" data-target="#n_1">

实际上text-right也有效，但由于跨度的宽度适合它的元素，如果您将文本右对齐，左对齐或居中对齐并不重要。 pull-right将元素与其父级的右侧对齐。