Установить близкий значок на правой стороне Bootstrap Modal

Question

В настоящее время я использую Twitter-Bootstrap Modal, и мне нужно закрыть значок в правой части заголовка. Я попытался использовать CSS для его установки, но это не сработало.

Код:

<div class="modal-content json-modal-body" id="full-width" ng-controller="projectdetailsController" close="CloseModal()"> 
    <div class="modal-header modal-header-confirm"> 
     <h4 class="modal-title ng-binding"> 
      <span class="glyphicon glyphicon-indent-left"></span>{{modalOptions.headerText}} 
      <a title="Close"><i ng-click="CloseModal()" class="glyphicon glyphicon-remove icon-arrow-right"></i></a> 
     </h4> 
    </div> 
    <div class="modal-body"> 
     <pre class="Modal-pre" ng-bind-html="modalOptions.bodyText"></pre> 
    </div> 
</div> 

CSS-что я пытался использовать:

.icon-arrow-right { 
    float: right; 
    } 

Answer 1

<div class="modal-content json-modal-body" id="full-width" ng-controller="projectdetailsController" close="CloseModal()"> 
<div class="modal-header modal-header-confirm"> 
    <h4 class="modal-title ng-binding"> 
     <span class="glyphicon glyphicon-indent-left"></span>{{modalOptions.headerText}} 
     <a title="Close"><i ng-click="CloseModal()" class="glyphicon glyphicon-remove icon-arrow-right pull-right"></i></a> 
    </h4> 
</div> 
<div class="modal-body"> 
    <pre class="Modal-pre" ng-bind-html="modalOptions.bodyText"></pre> 
</div> 
</div> 

Просто добавьте втягивания право класса, чтобы сделать элемент появляется право. Вышеприведенный код должен работать